/**

Template Name: HireMee Admin Template
Author: Gandhi C
Email: gandhi.c@veetechnologies.com
File: custom.css
**/

/* ------------------------------------- */
/* 1. Header Customize Code  ........... */
/* ------------------------------------- */

.header-navbar {min-height: 80px !important; /*padding-top: 10px;*/ }
.header-navbar .navbar-wrapper .navbar-logo {height: 80px; }
.header-navbar .navbar-wrapper .navbar-container .nav-right a i { font-size: 25px; top: 5px; position: relative; }
.header-navbar .navbar-wrapper .navbar-container .header-notification .badge{left: 35px !important; padding: 2px 5px !important; top: 10px !important;}
.header-navbar .navbar-wrapper .navbar-logo a { color: #333333; }
@media only screen and (max-width: 992px) {
 .pcoded-main-container {
    margin-top: 80px !important;
}
}


@media (min-width: 768px) and (max-width: 1365px) {

.sidebar-footer{display: none !important; visibility: hidden;}
}

.t-0{top:0px !important;}

/* ------------------------------------- */
/* 2. Sidebar Customize Code ........... */
/* ------------------------------------- */

.main-menu-content {background-color: #ffffff}
.w-25{width: 25px !important;}
.b-none{border:none !important;}
.w-75{width: 75px !important;}
.bg-eaeaea{background-color: #eaeaea !important;}
.bg-89{background-color: #898989 !important;}
.sidebar-footer{position: fixed;bottom: 0; width: 235px; padding:5px; text-align: center;background-color: #eaeaea;}

/* ------------------------------------- */
/* 3. Login Customize Code ........... */
/* ------------------------------------- */

.login-bg{background-image: url("../images/login-image.jpg"); background-size: 100%;}
.login-close-btn{position: absolute;right: -20px;z-index:1;top: -20px;}
.mandatory{position: relative; color: red; top: -16px; right: -10px; font-size: 15px;}
.mandatory-captcha{position: relative; color: red; top: -16px; right: -30px; font-size: 15px;}

/* ------------------------------------- */
/* 4. Dashboard Customize Code ........... */
/* ------------------------------------- */

.text-93{color: #939393 !important;}
.bg-none{background-color: transparent !important;}
.box-shadow-none{box-shadow: none !important;}
.g-l-b{border-left: 4px solid #a2d344; padding-left: 8px;}

.rec-btn{
    height:40px;
    width: 60px;
    line-height:40px;
    text-align:center;
    padding:0 10px;
    font-size: 22px;
    font-weight: 100;
    color:#ffffff !important;
    position:relative;
}
.rec-btn:before{
    position:absolute;
    left:-20px;
    content:" ";
    width: 0px;
    height: 0px;
    top: -1px;
    border-style: solid;
    border-width: 20px 20px 20px 0px;
    border-color: transparent #e74c3c transparent transparent;
}
.rec-btn:hover{
	background-color: #e74c3c !important;
	cursor: auto;
}

.b-t-danger{border-top: 5px solid #f0433a;}
.b-t-warning{border-top: 5px solid #f1c40f ;}
.b-t-green{border-top: 5px solid #679e02;}
.green-text{color: #35691f;}
.c-gray {color: #333;}
.hme-force-break-word{
  -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
/* -------------------------------- */
/* 5. Inner Pages Design - Recruiters -----------*/
/* ---------------------------------*/
.card-unborder {
  border-radius: 2px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-bottom: 15px; 
  background-color: #fff;}
  .card-border-info {
      border-radius: 2px;
      border-left: none;
      border-right: none;
      border-bottom: none;
      margin-bottom: 30px; 
      border-top: 3px solid #3498DB;
  }
  .card-border-light-green {
      border-radius: 2px;
      border-left: none;
      border-right: none;
      border-bottom: none;
      margin-bottom: 30px; 
      border-top: 3px solid #a3d444;
  }
  .card-border-dark-grey {
      border-radius: 2px;
      border-left: none;
      border-right: none;
      border-bottom: none;
      margin-bottom: 30px; 
      border-top: 3px solid #2c3e50;
  }
sup{color: #f0433a !important; font-size: 15px;}
  .card-unborder p{color: #5b5b5b;margin-bottom: 0.3em;/*text-align: justify;*/}
  .l-grey-border-card{border-left: 6px solid #2c3e50;background-color: #f6f6f6;
      box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05); margin-bottom: 30px;padding: 8px}
      .l-grey-border-card p{color: #5b5b5b;line-height: 0.2em}
      .l-grey-border-card label{font-size: 12px;font-weight: normal;margin-left: 30px;border-radius: 2px!important}
      .l-grey-border-card span{font-size: 12px;font-weight: normal;background-color: #d5d5d5;padding: 3px 12px 2px 0px;border-radius:10px;line-height: 20px;}
      .i-bg-info{border-radius: 50%;background-color: #00d49d!important;padding:3px 5px;position: relative;top: 1px;}
      .i-bg-danger{border-radius: 50%;background-color: #f0433a!important;padding:3px 5px;position: relative;top: 1px;}
      .invites  h4{display: inline-block;margin-bottom: 0;color: #7e7e7e  ;border-left: 3px solid #a2d344;padding-left: 8px;line-height: 20px;font-size: 17px!important;margin-bottom: 10px;}
      .input-group-addon {background-color: #a3d444; color: #fff; height: auto !important;}
      .f-18{font-size: 18px!important;}
      .f-16{font-size: 16px!important;}
      .light-green{color: #a3d444!important;}
      .dark-grey{color: #2c3e50!important;}
      .f-11{font-size: 11px}
      .f-10{font-size: 10px}
      .pull-right{float: right!important;}
      .col-form-label {font-size: 15px;color: #5b5b5b}
      /*.form-control{line-height: 1.80;}*/
      .form-control1{line-height: 0.80!important;}
      .form-control::placeholder {color: #ccc;font-size: 14px;}
      .label-b-r-1{border-radius: 1px!important}
      /* -------- Switch -------- */


      .onoffswitch {
        position: relative; width: 100px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }

    .onoffswitch-checkbox {
        display: none;
    }

    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border-radius: 20px;
    }

    .onoffswitch-inner, .openclose-inner {
        display: block; width: 200%; margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }

    .onoffswitch-inner:before, .onoffswitch-inner:after, .openclose-inner:before, .openclose-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 14px; color: white; font-family: "Open Sans", sans-serif; 
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }

    .onoffswitch-inner:before, .openclose-inner:before {
        content: "In-active";
        padding-left: 10px;
        background-color: #ef433a; color: #FFFFFF;
    }
    .openclose-inner:before{
        content: "Open" !important;
        padding-left: 20px !important;
        background-color: #8ec640 !important;
    }

    .openclose-inner:after {
        content: "Close" !important;
        padding-right: 20px !important;
        background-color: #ef433a !important;
    }

    .onoffswitch-inner:after, .openclose-inner:after {
        content: "Active";
        padding-right: 10px;
        background-color: #8ec640; color: #fff;
        text-align: right;
    }
    .onoffswitch-switch {
        display: block; width: 22px; margin: 4px; height: 22px;
        background: #FFFFFF;
        border: 0px solid #999999; border-radius: 20px;
        position: absolute; top: 0; bottom: 0; right: 68px;
        -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, .onoffswitch-checkbox:checked + .onoffswitch-label .openclose-inner {
        margin-left: 0;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px; 
    }


    .onoffswitch1 {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }



    .onoffswitch1-inner:before {
        content: "YES";
        padding-left: 10px;
        background-color: #2FCCFF; color: #FFFFFF;
        border-radius: 30px 0 0 30px;
    }

    .onoffswitch1-inner:after {
        content: "NO";
        padding-right: 10px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
        border-radius: 0 30px 30px 0;
    }

    .onoffswitch1-switch {
        display: block; width: 30px; margin: 0px;
        background: #FFFFFF;
        border: 2px solid #999999; border-radius: 30px;
        position: absolute; top: 0; bottom: 0; right: 56px;
        -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
        background-image: -moz-linear-gradient( to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
        background-image: -webkit-linear-gradient( to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
        background-image: -o-linear-gradient( to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
        background-image: linear-gradient( to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
        box-shadow: 0 1px 1px white inset;
    }

    .onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-inner {
        margin-left: 0;
    }

    .onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-switch {
        right: 0px; 
    }

    .onoffswitch2 {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }

    .onoffswitch2-checkbox {
        display: none;
    }

    .onoffswitch2-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 5px;
    }

    .onoffswitch2-inner {
        display: block; width: 200%; margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }

    .onoffswitch2-inner:before, .onoffswitch2-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 14px; color: white; font-family: "Open Sans", sans-serif;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }

    .onoffswitch2-inner:before {
        content: "YES";
        padding-left: 10px;
        background-color: #2FCCFF; color: #FFFFFF;
    }

    .onoffswitch2-inner:after {
        content: "NO";
        padding-right: 10px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
    }

    .onoffswitch2-switch {
        display: block; width: 18px; margin: 0px;
        background: #FFFFFF;
        border: 2px solid #999999; border-radius: 5px;
        position: absolute; top: 0; bottom: 0; right: 68px;
        -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
        background-image: -moz-linear-gradient(to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
        background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
        background-image: -o-linear-gradient(to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
        background-image: linear-gradient(to top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    }

    .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
        margin-left: 0;
    }

    .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
        right: 0px; 
    }

    .onoffswitch3
    {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }

    .onoffswitch3-checkbox {
        display: none;
    }

    .onoffswitch3-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 0px solid #999999; border-radius: 0px;
    }

    .onoffswitch3-inner {
        display: block; width: 200%; margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }

    .onoffswitch3-inner > span {
        display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }

    .onoffswitch3-inner .onoffswitch3-active {
        padding-left: 10px;
        background-color: #EEEEEE; color: #FFFFFF;
    }

    .onoffswitch3-inner .onoffswitch3-inactive {
        padding-right: 10px;
        background-color: #EEEEEE; color: #FFFFFF;
        text-align: right;
    }

    .onoffswitch3-switch {
        display: block; width: 18px; margin: 0px; text-align: center; 
        border: 0px solid #999999;border-radius: 0px; 
        position: absolute; top: 0; bottom: 0;
    }
    .onoffswitch3-active .onoffswitch3-switch {
        background: #27A1CA; left: 0;
    }
    .onoffswitch3-inactive .onoffswitch3-switch {
        background: #A1A1A1; right: 0;
    }

    .onoffswitch3-active .onoffswitch3-switch:before {
        content: " "; position: absolute; top: 0; left: 18px; 
        border-style: solid; border-color: #27A1CA transparent transparent #27A1CA; border-width: 15px 9px;
    }

    /* -------- Switch -------- */
    /* -------- Checkbox ------*/
    .icofont-ui-check::before {
        content: "\ed27";
        background-color: #669c01;
        color: #fff;
        padding: 1.5px 2.5px;
    }
    .checkbox-fade.fade-in-primary .cr {
        border: 1px solid #cbcbcb;
    }
    .checkbox-fade .cr{border-radius: 4px;width: 17px;height: 17px;}
    /* -------- Checkbox ------ */

    /* -------------------------------- */
    /* ---- 5. Inner Pages Design - Recruiters ----*/
    /* ---------------------------------*/


    .h-42{height: 42px !important;}
    .h-55{height: 55px !important;}
    .h-40{height: 40px !important;}
    .h-50{height: 50px !important;}
    .h-38{height: 38px !important;}


/* ------------------------------------- */
/* 5. Candidate Customize Code ........... */
/* ------------------------------------- */

/* The container */
.container-checkbox {
    display: block;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark-round {
    position: absolute;
    top: 0;
    left: 10px;
    height: 40px;
    width: 40px;
    border: 2px solid #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark-round {
 border:2px solid #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark-round {
    border:2px solid #2196F3;
}

/* Create the checkmark-round/indicator (hidden when not checked) */
.checkmark-round:after {
    content: "";
    position: absolute;
    /*display: none;*/
    opacity: 0.2;
}

/* Show the checkmark-round when checked */
.container-checkbox input:checked ~ .checkmark-round:after {
    display: block;
    opacity: 1;
}

/* Style the checkmark-round/indicator */
.container-checkbox .checkmark-round:after {
    left: 15px;
    top: 8px;
    width: 8px;
    height: 17px;
    border: solid #2196F3;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}
.l-h-35{line-height: 35px !important;}
.l-h-30{line-height: 30px !important;}
.l-h-25{line-height: 25px !important;}
.l-h-28{line-height: 28px !important;}
.l-h-20{line-height: 20px !important;}
.l-h-22{line-height: 22px !important;}
.l-h-18{line-height: 18px !important;}
.l-h-16{line-height: 16px !important;}
.l-h-15{line-height: 15px !important;}
.l-h-14{line-height: 14px !important;}
.l-h-12{line-height: 12px !important;}
.l-h-13{line-height: 13px !important;}
.l-h-10{line-height: 10px !important;}
.p-absolute{position: absolute;}
.p-relative{position: relative;}

#chart {position: relative;left:-56px;}
.assess-report-list{
    margin-bottom: 0;
    line-height:24px !important;
    font-size: 12px;
}
.assess-report-list span{font-size: 14px;}
.assess-report-list span.badge{padding: 3px 12px;}
.before-box::before { 
    content: " "; 
    width:10px; 
    margin-top: 2px; 
    height:10px; 
    padding:2px; 
    position: absolute; 
    display:block; 
    left:0px; 
    background-color: black; 
    font-weight: bold;
}
.icon-round1{
    color: #fff;
    padding: 6px;
    background-color: #f0433a;
    position: relative;
    top: 1px;
    border-radius: 50%;
    left: -2px;
}
.icon-round1-verified{
    color: #fff;
    padding: 6px;
    background-color: #00d39c;
    position: relative;
    top: 1px;
    border-radius: 50%;
    left: -2px;
}
.icon-round1-verified:hover{color: #fff !important;}
.invitation-round{
    border: 3px solid #28e1bd;
    border-radius: 50%;
    padding:15px;
}
.main-round1, .main-round2, .main-round3{
    padding: 6px 8px 6px 0px;
    background-color: #ccc;
    font-size: 11px;
    border-radius: 2rem;
    margin-right: 7px;
}


.search-box{padding:5px 20px; color: #333 !important; height: 55px;}


.search-box::placeholder {
  color: #ccc;
  font-size: 20px;
}

/* ------------------------------------- */
/* Search Candidate Customize Code ........... */
/* ------------------------------------- */


.container-checkbox{
    width: 45px;
    float: left;
    min-height: 40px;
}
.candidate-top-right{
    text-align: right;
}
.candidate-top-right a{
    color: #34495e;
    padding-right: 15px;
    font-size: 22px;
}

.verify-round1, .verify-round2{
    padding: 8px 10px 8px 0px;
    background-color: #ccc;
    font-size: 12px;
    border-radius: 2rem;
    margin-right: 10px;
}
.verify-round{
    color: #fff;
    padding: 8px;
    background-color: #f0433a ;
    position: relative;
    top: 1px;
    border-radius: 50%;
    left: -2px;
}
.verify-round-verified{
    color: #fff;
    padding: 8px;
    background-color: #00d39c;
    position: relative;
    top: 1px;
    border-radius: 50%;
    left: -2px;
}
.CandidateList{margin-right:40px;}
.profile-details-stripe{
    width: 100%; 
    height: 50px;
}
.profile-details-icon{
    text-align: center;
    width: 50px; 
    height: 50px;
    float: left;
    margin-right:10px;
}
.profile-details-text{
    text-align: center;
    width: 100%; 
    float: left;
    height: 50px;
}
.profile-details-icon i{
    border-radius: 50%;
    line-height: 50px;
    font-size: 16px !important;
    padding: 8px;
    background-color: #fff;
    text-align: center;
}
.bg1{background-color: #1f2935;}
.bg1-dark{background-color: #06090c;}
.bg2{background-color: #066eb5;}
.bg2-dark{background-color: #05426c;}
.bg3{background-color: #00baf3;}
.bg3-dark{background-color: #099dcb;}
.bg-white{background-color: #ffffff;}

.accordion-plus{font-size: 25px !important; line-height: 20px; color: #099dcb;}

.flex-start{align-items: flex-start !important;}

.b-bg-white{border: 1px solid #666; background-color: #ffffff; padding:4px 12px;}
.b-bg-blue{border: 2px solid #00baf3; color: #00baf3; background-color: #ffffff; padding:10px 16px; margin-top: 20px;}
.video-text{border: 1px solid #dddddd; background-color: #dce1e5; display:block; padding:8px 8px; font-size: 13px !important; text-transform: capitalize !important;}

/* -------------------------------- */
/* ---- 6. Profile - Recruiters ----*/
/* ---------------------------------*/
.profile-head{font-size: 24px;font-weight: normal}
.profile span{font-size: 12px;color: #939393}
.dark-green{color: #0b6624; }
.profile-p{color: #939393!important;font-size: 14px;}
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Read more';
  color: #3498DB !important;
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
  color: #3498DB !important;
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  
  border-radius: .25em;
}
.info-head{font-size: 18px; color: #fff;background-color: #3399ff;width: 100%;text-align: center;padding: 5px 0px;}
.profile-label{padding-top: 10px;font-size: 16px;color: #838383;}
.form-radio label{color: #838383;font-size: 14px;padding-top: 3px;}

.form-group .form-control{margin: 0px;}
.input-group-addon-grey {
    background-color: #8d8787 !important;
    border:1px solid #8d8787 !important;
    color: #fff;
}
.form-control-bg-gray{background-color: #ddd!important;border:none!important;}
.cropped{width: 150px!important;height: 150px!important;}
.cropper-crop-box{top: 0px!important}
.cropper-container{width: 150px!important;height: 150px!important;}
.cropper-crop-box{left: 010px!important;width: 100%!important;height: 100%!important;text-align: center;}

/* -------------------------------- */
/* ---- 6. Profile - Recruiters ----*/
/* ---------------------------------*/

/* --------------------------------- */
/* ------------- 7. FAQs ----------- */
/* --------------------------------- */
.accordion-msg{border: 1px solid #0085bc;}
.accordion-desc{border: 1px solid #0085bc;}
.line-h{line-height: 1.3em!important;}

/* -------------------------- */
/* ------ Company profile ------- */
/* ----------------------- */
.rec-btn1{
    height:37px;
    width: 110px;
    line-height:37px;
    text-align:center;
    padding:0 10px;
    font-size: 18px;
    font-weight: 100;
    color:#ffffff !important;
    position:relative;
}
.rec-btn1:before{
    position:absolute;
    left:-20px;
    content:" ";
    width: 0px;
    height: 0px;
    top: -1px;
    border-style: solid;
    border-width: 18px 20px 20px 0px;
    border-color: transparent #e74c3c transparent transparent;
}
.rec-btn1:hover{
    background-color: #e74c3c !important;
    cursor: auto;
}
.address-icon{color: #2c3e50!important;}
.line-info{height: 5px;background-color: #3498DB;margin-top: 5px;margin-bottom: 7px}
/* -------------------------- */
/* ------ Company profile End ------- */
/* ----------------------- */

/* ------------------------------- */
/* ------------ Job Post Strat---------- */
/* ------------------------------- */
.grey-head {
    font-size: 20px;
    color: #fff;
    background-color: #34495E;
    width: 100%;
    text-align: center;
    padding: 5px 0px;
}
.label1 {

    border-radius: 1px;
    font-size: 75%;
    padding: 0px 4px;
    margin-right: 5px;
    color: #fff !important;

}
.f-w-400{font-weight: 400 !important;}
.line{height: 2px;background-color: #838383;margin-bottom: 10px}
.f-w-0{font-weight: normal !important;}
.label-content{border:1px solid #838383;padding: 2px 4px;font-size: 14px;color: #838383;margin-top: 10px;}
.text-white{color: #fff !important;}
.f-w-n{font-weight: normal!important;}
.info-content-bg{background-color: #4eaef3; padding: 5px;color: #fff!important}
.info-content-b{border: 2px solid #358fc8;border-radius: 4px 4px 4px 4px;}
.warning-content-bg{background-color: #ffbc00; padding: 5px;color: #fff!important}
.warning-content-b{border: 2px solid #e5ad19;border-radius: 4px 4px 4px 4px;}
.btn-outline-primary {
    color: #659e03;}
.btn-m-t-b{margin-top: 3px; margin-bottom: 3px;}    
.input-group-addon-info{background-color: #3498db!important; border: 1px solid #3498db!important;font-family: "Roboto", sans-serif;}
.address-border{border: 2px solid #ddd;padding: 10px; border-radius: 4px;}
.address-border .container-checkbox{position: relative;right: 10px;}
.btn-grey {
    background-color: #5b5b5b;
    border-color: #5b5b5b;
    color: #fff;
    cursor: pointer;
    transition: all ease-in 0.3s;
}
.label-info {
    background-color: #3fa8f4;
}
.bootstrap-tagsinput .tag {
    padding: 6px 2px 6px 4px;
    border-radius: 12px;
    display: inline-block;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
.bootstrap-tagsinput .tag [data-role="remove"]::after {
    content: "x";
    padding: 0 6px!important;
    background-color: #333333;
    font-size: 15px;
    font-weight: normal!important;
    border-radius: 10px;
    text-transform: lowercase;
}


/* ------------------------------- */
/* ------------ Job Post End---------- */
/* ------------------------------- */


.post-free-btn{
    margin-top:20px;
    font-size: 24px;
}
.hired-img img{
    float: right;
}

.recent-job-post-icon{
    width: 30%;
    float: left;
}
.recent-job-post-icon img{
    padding-top: 5px;
}
.recent-job-post-right{
    width: auto;
    float: left;
}
.recent-job-post-right h4{
    font-size: 18px;
    font-weight: 300;
    margin-bottom:0px;
    padding-top:10px;
}
.recent-job-post-r1{
    width: 60%;
    float: left;
}
.recent-job-post-r1 p{
    padding-top: 5px;
}
.recent-job-post-r2{
    width: 20%;
    float: left;
    padding-left: 15px;
}

.recent-job-post-r2 a{
    margin-top:15px;
    margin-bottom:15px;
}
.recent-job-post-r3{
    width: 20%;
    float: left;
}
.recent-job-post-r3 a{
   margin-top:15px;
   margin-bottom:15px;
   float: right;
}
.recent-job-post-r3 a i{
   line-height: 32px;
}
.recent-job-post-r3 a:focus, .recent-job-post-r3 a:hover {
    color: #ffffff;
}

.recent-job-box{margin-right:140px;}

@media only screen and (max-width: 768px) {
    .select2-selection__rendered li:first-child{width: 100% !important;}
    .m-chart-report{float: none !important; padding-left:15px;}
    .m-assessment-txt{text-align: left; padding-left:15px; padding-top: 20px;}
    .m-candidate-right{text-align: left !important; padding-left:15px !important;}
    .m-img-100{width: 100% !important;}
    .hme-search-style .select2-container--default .select2-selection--single{border: none;}
    .hme-search-style .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 30px !important;}

    .show_entries .show_txt, .show_entries .entries_txt{display: none;}
    .show_entries, .search_download_excel{margin-bottom: 10px;}
    .year_select .year_txt{display: none;}
    .specialization_select .specialization_txt{ display: none; }
    .specialization_select {padding-right:15px;}
    .search_download_excel .download_excel_txt, .search_download_excel .search_student_txt{display: none;}

     .assess-report{margin-top: 20px;}
     .md-modal {
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    max-height: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
    
.md-close {
    top: -6px;
    right: -5px;
    border: none;
    background: transparent;
    font-size: 30px;
    color: #679d02;
  }
    
.login-close-btn {
    right: 0;
    top: 0;
}

    .recent-job-box{margin-right:-15px;}

    .hired-img img{
        float: none;
        padding-bottom: 10px;
    }
    .hired-img {
        text-align: center;
    }
    .recent-job-post-icon{
        width: 70px;
        float: left;
    }
    .recent-job-post-right{
        width: auto;
        float: left;
    }
    .recent-job-post-r1{
        width: 100%;
        margin-top:10px;
        margin-bottom:10px;
    }
    .recent-job-post-r1 p{
        margin-bottom: 0px;
        padding:0px;
    }
    .recent-job-post-r2{
        width: 100px;
        padding-left: 20px;
        margin-bottom:10px;
        padding-left: 15px;

    }
    .recent-job-post-r3{
        width: 50%;
        margin-bottom:10px;
    }
    .recent-job-post-r3 a{
        float: left;
    }
    .hme--custom-filter .select2-container--default .select2-selection--single{
        width: 100%;
        margin-bottom: 8px;
        margin-left:10px;
    }
    .hme--custom-filter .select2-container--default .select2-selection--multiple{
        width: 100%;
        margin-bottom: 8px;
        margin-left:10px;
    }

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
     .recent-job-box{margin-right:-15px;}

    .hired-img img{
        float: none;
        padding-bottom: 10px;
    }
    .hired-img {
        text-align: center;
    }
    .recent-job-post-icon{
        width: 70px;
        float: left;
    }
    .recent-job-post-right{
        width: auto;
        float: left;
    }
    .recent-job-post-r1{
        width: 100%;
        margin-top:10px;
        margin-bottom:10px;
    }
    .recent-job-post-r1 p{
        margin-bottom: 0px;
        padding:0px;
    }
    .recent-job-post-r2{
        width: 100px;
        padding-left: 20px;
        margin-bottom:10px;
    }
    .recent-job-post-r3{
        width: 50%;
        margin-bottom:10px;
    }
    .recent-job-post-r3 a{
        float: left;
    }

}

@media screen and (min-device-width: 1024px) and (max-device-width: 1450px) { 
    .recent-job-box{margin-right:-15px;}
    .recent-job-post-icon{
        width: 80px;
        float: left;
    }
}

.dropdown-btn{
    padding:4px 14px;
    font-size: 12px;
}
.w-150{width: 150px; margin-bottom: 20px;}

.candidate-filter1{
    width: 40%; 
    float: left;
}
.candidate-filter2{
    width: 60%; 
    float: left;
}
.candidate-filter3{
    width: 40%; 
    float: left;
}
.candidate-filter4{
    width: 60%; 
    float: left;
}
@media only screen and (max-width: 768px) {
.candidate-filter1{
    width: 100%; 
    float: left;
}
.candidate-filter2{
    width: 100%; 
    float: left;
}
.candidate-filter3{
    width: 100%; 
    float: left;
}
.candidate-filter4{
    width: 100%; 
    float: left;
}
.m-search{
    display: none;
}
.form-control::placeholder {color: #ccc;font-size: 13px;font-style: italic;}

.main-friend-list {
    max-height: 70% !important;
}

}

.card-block {
    padding: 0.9rem;
}

/* My minified css file */
.fsslider{position:relative;min-width:150px;height:24px;display:inline-block;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#000;text-align:center;line-height:24px;font-size:11px;font-family:"Lucida Grande","Trebuchet MS",sans-serif}
.fsslider>*{position:absolute;top:50%;cursor:pointer}
.fsslider>.fsfull-value,
.fsslider>.fssel-value{margin-top:-1px;height:10px;left:0;right:0}
.fsslider>.fsfull-value{width:100%;background:#2d3e50}
.fsslider>.fscaret,
.fsslider>.fssel-left,
.fsslider>.fssel-right{font-size:15px;color: #fff; font-weight: bold; background:#27c470;box-shadow:1px 1px 3px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.2);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);height:100%;width:30px;height:30px;border-radius:50%;top:0;padding: 3px;}
.fsslider>.fssel-value{height:10px;margin-top:-2px;right:50%}
.fsslider.fsdisabled{color:#c8c8c8}
.fsslider.fsdisabled>.fssel-value{background:#c8c8c8}


[data-toggle="collapse"].collapsed .fa:before {
  content: "\f078" !important;
}

[data-toggle="collapse"] .fa:before {  
  content: "\f077" !important;
}




/* Form Wizard */

.wizard, .reg-wizard {
    background: #fff;
}

.wizard .nav-tabs, .reg-wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color:#fff;
}

.wizard > div.wizard-inner, .reg-wizard > div.wizard-inner {
    position: relative;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 77%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}
.connecting-line1 {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus,
.reg-wizard .nav-tabs > li.active > a,
.reg-wizard .nav-tabs > li.active > a:hover,
.reg-wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 40px;
    height: 40px;
    line-height: 35px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
}span.wizard-text {   
    line-height: 13px;
    display: inline-block;
    z-index: 2;
    top: 45px;
    position: absolute;
    text-align: center;
    font-size: 12px;
    left: -12px;
}
span.wizard-text-reg {   
    line-height: 13px;
    display: inline-block;
    z-index: 2;
    top: 50px;
    width: 120px;
    position: absolute;
    text-align: center;
    font-size: 13px;
    left: -40px;
}
span.wizard-text1 {   
    line-height: 13px;
    display: inline-block;
    z-index: 2;
    top: 45px;
    position: absolute;
    text-align: center;
    font-size: 12px;
    left: 0px;
}

span.round-tab i {
    color: #555555;
}

.wizard li a.active span.round-tab, .reg-wizard li a.active span.round-tab{
    color: #fff;
    background: #659e03;

}

.wizard li a.active span.round-tab i, .reg-.wizard li a.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #5c9201;
}

.wizard .nav-tabs > li{
    width: 25%;
}
.reg-wizard .nav-tabs > li{
    width: 33%;
}

.wizard li a:after, .reg-wizard li a:after{
    content: " ";
    position: relative;
    left: 46%;
    top: -20px;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active.nav-item:after, .reg-wizard li.active.nav-item:after{
    content: " ";
    position: relative;
    left: 46%;
    top: -20px;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a, .reg-wizard .nav-tabs > li a{
    width: 40px;
    height: 40px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    position: relative;
}

.wizard .nav-tabs > li a:hover, .reg-wizard .nav-tabs > li a:hover{
    background: transparent;
}


.wizard .tab-pane, .reg-wizard .tab-pane{
    position: relative;
    padding-top: 50px;
}

.wizard h3, .reg-wizard h3{
    margin-top: 0;
}


@media only screen and (max-width: 400px) {
    .users-main1 {width: 320px !important;}
    .users1{width: 320px !important;}
}
@media only screen and (max-width: 585px) {

    .wizard, .reg-wizard {
        width: 100%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .wizard .nav-tabs > li a, .reg-wizard .nav-tabs > li a {
        width: 40px;
        height: 40px;
        line-height: 35px;
    }

    .wizard li.active:after, .reg-wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.verify-buttons li{
    display: inline-block;
    padding-top:10px;
}

.va-text{color: #a7a8a7 !important;}
.qa-text{color: #878787 !important;}
.lr-text{color: #757575 !important;}
.tcf-text{color: #666665 !important;}
.ic-text{color: #565656 !important;}
.pc-text{color: #434441 !important;}
.ec-text{color: #d6f297 !important;}
.mc-text{color: #bfe867 !important;}
.io-text{color: #a4d33d !important;}
.io1-text{color: #88c405 !important;}
.io2-text{color: #679d02 !important;}

.text-333{color: #333 !important;}

.slimScrollDiv{
    position: relative;
overflow-x: hidden;
width: auto;
max-height: 100%;
overflow-y: scroll;
}

.m-w-140{min-width: 140px !important;}
.m-w-184{min-width: 184px !important;}


.round-info{
    border: 1px solid #0085b6 ;
    padding:4px;
    color: #0085b6 ;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: block;
}

.post-list-right{
    padding:0;
    text-align: right;
}

.apply-cancel-btn{
    padding-left:0;
    padding-right: 5px;
    min-width: 184px;
}

/* --------- 29-08-2018 -------- */
.tooltip-validate {
   position: absolute !important;
    right: 20px;
    top: 8px;
    font-weight: bold;
    font-size: 24px !important;
    z-index: 999;
    }
#email_static-error-custom, #password-error-custom, #password_static-error-custom, #email-error-custom{
    right: 6px;
}

#js-full-name-error-custom, #js-email_address-error-custom, #js-mobile_number-error-custom{
right: 20px !important;
top: 6px !important;
}
#upload_file-error-custom{
     right: 45px;
}
#js-university-error-custom, #js-college-error-custom{
    right: 28px;
}

#username-error .tooltip-validate, #confirm_password-error-custom, #password-error .tooltip-validate, #current_password-error, #new_password-error-custom, #current_password-error-custom{
    right: 25px !important;
}
#website-error .tooltip-validate, #email_address-error .tooltip-validate, #companyname-error .tooltip-validate, #mobile_number-error .tooltip-validate, #spoc-error .tooltip-validate{
    right: 25px !important;
}
 #feedback_subject-error-custom, #feedback_message-error-custom{
    right: 20px !important;
 }
#v_captcha-error .tooltip-validate{
    right: 65px !important;
}
#js-coursetype-error .tooltip-validate, #js-v_captcha-error-custom, #js-corp-v_captcha-error-custom,  #register_v_captcha-error, #js-corp-forgot-v_captcha-error .tooltip-validate{
    right: 50px !important;
}
#js-candi-captcha-error-custom {right: 50px!important;}
#js-corp-reg-v_captcha-error-custom{right: 50px!important;}
#js-corp-v_captcha-error-custom{right: 58px!important;}
#js-corp-login-v_captcha-error-custom, #js-corp-register-v_captcha-error-custom{ right: 60px !important;}
#job_working_days-error .tooltip-validate, #job_working_off-error .tooltip-validate, #job_openings-error .tooltip-validate{
    top:48px;
}
#job_description-error .tooltip-validate{
    top:38px;
}
#termscond-error-custom{
    left:auto;
/*    right: auto;
*/    margin-left:20px;
    top:-1px!important;
    right: 20px!important;
}
#terms_conditions-error .tooltip-validate, #terms_conditions-error-custom{
    right: 0px !important;
    top:0px;
    position: relative!important;
}

.tooltip-validate-captcha, #v_captcha-error-custom {
    position: absolute !important;
    right: 44px !important;
    top: 9px;
    font-weight: bold;
    font-size: 24px !important;
    z-index: 999;
}

.alert-success {
  background-color: #16d5a3!important;
  border:3px solid #00d49d;
  color: #fff; }

.alert-info {
  background-color: #4eaef3!important;
  border:3px solid #3b95d0;
  color: #fff; }

.alert-warning {
  background-color: #ffbc00!important;
  border:3px solid #e5ad19;
  color: #fff; }

.alert-danger {
  background-color: #ee524a!important;
  border:3px solid #dc3c35;
  color: #fff; }
  .video-text1 {
    border: 1px solid #dddddd;
    background-color: #dce1e5;
    display: block;
    padding: 3px 8px;
    font-size: 13px;
}
/*#parent {
  width: 200px;
  height: 200px;
  border:solid 1px #000;
}*/
.video-report{position: absolute;
    bottom: 0;
    top: 76px;
    right: 20px;


}
.video-container {
    position: relative;
    text-align: center;
    color: white;
}
.bottom-right {
    position: absolute;
    bottom: 7px;
    right: 0px;
    font-size: 10px;
   
    color: #fff;
    padding: 0px 0px;
}
.danger-round {

    border: 3px solid #f0433a;
    border-radius: 50%;
    padding: 15px;

}
/* --------- 29-08-2018 -------- */



/* ------------------------------------- */
/* Candidate Code Start ........... */
/* ------------------------------------- */

.show-message{
    background-color: #f7f7f7 !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
}
.show-message li{
    background-color: #ffffff;
    margin-bottom: 5px;
}
.b-l-inverse-4 {
  border-left: 4px solid #34495e; 
}

.qr-content{
    padding:10px 0px !important;
}

/* 30-08-2018 */

.mt-8{margin-top:8px;}

.right-left-line:before {
    content: "";
    border: 1px solid #939393;
    width: 70px;
    height: 1px;
    position: relative;
    right:10px;
    float: right;
    margin: 0 6px 0 0;
    top: 13px;
}
.right-left-line:after {
    content: "";
    display: block;
    border: 1px solid #939393;
    width: 70px;
    height: 1px;
    position: relative;
    left:10px;
    float: left;
    margin: 0 6px 0 0;
    top: 13px;
}

.modal-reg-box > div ul {
    padding: 0 !important;
}


/* ------------------------------------- */
/* Candidate Code End ........... */
/* ------------------------------------- */

/** Summernote confilicts issue */

 /*fix dropdown*/
.note-btn-group .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.note-popover .popover-content .note-color .dropdown-toggle,
.note-editor .panel-heading.note-toolbar .note-color .dropdown-toggle {
    width: 20px;
    padding-left: 1px;
}

/*fix icon button*/
.note-editor .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.note-editor .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.note-editor .dropdown-toggle:after{
    content: initial;
}

/*fix background toolbar*/
.note-editor .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*fix modal*/
.note-editor .modal-header{
    display: block;
}

/*fix popover*/
.note-popover{
    display: none;
}
/** Summernote confilicts issue */
/** nice label **/
.circle-nicelabel{
    display:none !important;
}
.rect-nicelabel{
    display:none !important;
}
.text-nicelabel{
    display:none !important;
}

/**????**/
.circle-nicelabel + label {
    display:block;
    width:64px;
    height:32px;
    background-color:rgba(0,140,186,1);
    border-radius:32px;
    -webkit-border-radius:32px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:background-color 0.2s;
            
    -moz-user-select: none;
    -webkit-user-select: none;
}
.circle-btn {
    position:absolute;
    width:24px;
    height:24px;
    background-color:#fff;
    border-radius:12px;
    -webkit-border-radius:12px;
    left:36px;
    top:4px;
    transition:left 0.2s;
    -webkit-transition:left 0.2s;
}
.circle-nicelabel:not(:checked) + label .circle-btn
{
    left:4px;
}           
.circle-nicelabel:not(:checked) + label
{
    background-color:#DDDDDD;
}       
.circle-nicelabel[disabled] + label
{
    opacity: 0.5;
}   

/**????**/  
.rect-nicelabel + label {
    display:block;
    width:64px;
    height:32px;
    background-color:rgba(0,140,186,1);
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:background-color 0.2s;
            
    -moz-user-select: none;
    -webkit-user-select: none;
}
.rect-btn {
    position:absolute;
    width:24px;
    height:24px;
    background-color:#fff;
    left:36px;
    top:4px;
    transition:left 0.2s;
    -webkit-transition:left 0.2s;
}
.rect-nicelabel:not(:checked) + label .rect-btn
{
    left:4px;
}       

.rect-nicelabel:not(:checked) + label
{
    background-color:#DDDDDD;
}
.rect-nicelabel[disabled] + label
{
    opacity: 0.5;
}   

.text-nicelabel + label {
    font-family: "Roboto", sans-serif; 
        font-size: 13px;
    display: table;
    font-size: 10px;
    padding: 7px 10px 7px 6px;
    background-color: rgba(0,140,186,1);
    color: #b3b3b3;
    border-radius: 5px;
    -webkit-border-radius: 1px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.2s;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.text-nicelabel + label > span.nicelabel-unchecked,
.text-nicelabel  + label > span.nicelabel-checked
{
    display: inline-block;
    line-height: 16px;
    margin-left:7px;
    vertical-align: bottom;
}
.text-nicelabel + label > span.nicelabel-unchecked-image,
.text-nicelabel  + label > span.nicelabel-checked-image
{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-position: left center;

    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.text-nicelabel:not(:checked) + label 
{
    background-color: #DDDDDD;
    color: #a7a7a7;
}
.text-nicelabel:not(:checked) + label > span.nicelabel-checked-image
{
    display: none;
}
.text-nicelabel:not(:checked) + label > span.nicelabel-checked
{
    display: none;
}
.text-nicelabel:checked + label 
{
    background-color: rgb(101, 158, 3);
    color: #fff;
}
.text-nicelabel:checked + label > span.nicelabel-unchecked-image
{
    display: none;
}
.text-nicelabel:checked + label > span.nicelabel-unchecked
{
    display: none;
}
.text-nicelabel[disabled] + label 
{
    opacity:0.5;
}
.rect-checkbox{float:left;margin-left:20px;}
.rect-radio{float:left;margin-left:20px;}
.circle-checkbox{float:left;margin-left:20px;}
.circle-radio{float:left;margin-left:20px;}
.text_checkbox{float:left;margin-left:5px;}
.text_radio{float:left;margin-left:20px;}
/** tooltip validations */
.tooltip-validate:hover{cursor:pointer;}


/* Update CSS */

/* ------------- 03-09-2018 ----------- */
/* ------------- 04-09-2018 ----------- */
.primary1{color: #28e1bd;}
.popover-title {

    text-align: center;
    line-height: 25px;

}

/* Candidate assessment chart style*/
.chart-wrapper{
    width: 200px;
    height: 200px;
    margin: auto;
}
@media only screen and (max-width: 1366px) {
    .chart-wrapper{
        width: 130px;
        height: 130px;
    }
}
.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret{
    border-right: 13px solid #f3f3f3;
}
.chart-result-0{fill:#A7A8A7;}
.chart-result-1{fill:#878787;}
.chart-result-2{fill:#757575;}
.chart-result-3{fill:#666665;}
.chart-result-4{fill:#679D02;}
.chart-result-5{fill:#434441;}
.chart-result-6{fill:#565656; cursor: pointer;}
.chart-result-7{fill:#D6F297;}
.chart-result-8{fill:#88C405;}
.chart-result-9{fill:#BFE867;}
.chart-result-10{fill:#A4D33D;}
.chart-result-11{fill:#FFFFFF;}
.chart-result-13{font-size:15px; cursor: pointer;}
.chart-result-14{fill:#0084B5;}
.chart-result-16{font-size:27.0111px;}

/* Video Popup Card*/
.hm-video-popup{
    margin-bottom: 0;
    margin-top: 15px;
}
.hm-video-popup .card-img-top{
    width: 100%;
    height: 120px;
    position: relative;
}
.hm-video-popup .card-img-top .report-video-btn{
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.7;
}
.hm-video-popup .card-img-top img{
    width: 100%;
    height: 100%;
}
.hm-range-slider-wrapper{
    margin-top: 30px;
}
.range-slider {
  margin: 0;
}

.range-slider {
  width: 100%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #78a83a;
}
.range-slider_label{
    display: block;
    color: #333;
    font-size: 15px;
    margin-bottom: 0;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #78a83a;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #78a83a;
}
.range-slider__range:active::-moz-range-thumb {
  background: #78a83a;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #78a83a;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 30px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50;
  padding: 5px 10px;
  margin-left: 8px;
}
.range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #2c3e50;
  border-bottom: 7px solid transparent;
  content: '';
}
.range-slider {
    margin: 0 0 0 15px;
}
.range-slider {
    min-height: 40px;
    display: flex;
    align-items: center;
    margin-left: 0;
}
::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}


/* Vikrant Customize Code */
/* 04-09-2018 */
.circle-nicelabel{
    display:none !important;
}
.rect-nicelabel{
    display:none !important;
}
.text-nicelabel{
    display:none !important;
}


.circle-nicelabel + label {
    display:block;
    width:64px;
    height:32px;
    background-color:rgba(0,140,186,1);
    border-radius:32px;
    -webkit-border-radius:32px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:background-color 0.2s;
            
    -moz-user-select: none;
    -webkit-user-select: none;
}
.circle-btn {
    position:absolute;
    width:24px;
    height:24px;
    background-color:#fff;
    border-radius:12px;
    -webkit-border-radius:12px;
    left:36px;
    top:4px;
    transition:left 0.2s;
    -webkit-transition:left 0.2s;
}
.circle-nicelabel:not(:checked) + label .circle-btn
{
    left:4px;
}           
.circle-nicelabel:not(:checked) + label
{
    background-color:#DDDDDD;
}       
.circle-nicelabel[disabled] + label
{
    opacity: 0.5;
}   
 
.rect-nicelabel + label {
    display:block;
    width:64px;
    height:32px;
    background-color:rgba(0,140,186,1);
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:background-color 0.2s;
            
    -moz-user-select: none;
    -webkit-user-select: none;
}
.rect-btn {
    position:absolute;
    width:24px;
    height:24px;
    background-color:#fff;
    left:36px;
    top:4px;
    transition:left 0.2s;
    -webkit-transition:left 0.2s;
}
.rect-nicelabel:not(:checked) + label .rect-btn
{
    left:4px;
}       

.rect-nicelabel:not(:checked) + label
{
    background-color:#DDDDDD;
}
.rect-nicelabel[disabled] + label
{
    opacity: 0.5;
}   

.text-nicelabel + label {
    font-family: "Roboto", sans-serif; 
        font-size: 13px;
    display: table;
    font-size: 10px;
    padding: 10px 10px 10px 6px;
    background-color: rgba(0,140,186,1);
    color: #b3b3b3;
    border-radius: 5px;
    -webkit-border-radius: 1px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.2s;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.text-nicelabel + label > span.nicelabel-unchecked,
.text-nicelabel  + label > span.nicelabel-checked
{
    display: inline-block;
    line-height: 16px;
    margin-left:7px;
    vertical-align: bottom;
    font-size: 16px;
}
.text-nicelabel + label > span.nicelabel-unchecked-image,
.text-nicelabel  + label > span.nicelabel-checked-image
{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-position: left center;

    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.text-nicelabel:not(:checked) + label 
{
   background-color: #FFF;
color: #625454;
border: 1px solid #b3b3b3;
}
.text-nicelabel:not(:checked) + label > span.nicelabel-checked-image
{
    display: none;
}
.text-nicelabel:not(:checked) + label > span.nicelabel-checked
{
    display: none;
}
.text-nicelabel:checked + label 
{
    background-color: rgb(101, 158, 3);
    color: #fff;
    border: 1px solid rgb(101, 158, 3);
}
.text-nicelabel:checked + label > span.nicelabel-unchecked-image
{
    display: none;
}
.text-nicelabel:checked + label > span.nicelabel-unchecked
{
    display: none;
}
.text-nicelabel[disabled] + label 
{
    opacity:0.5;
}
.rect-checkbox{float:left;margin-left:20px;}
        .rect-radio{float:left;margin-left:20px;}
        .circle-checkbox{float:left;margin-left:20px;}
        .circle-radio{float:left;margin-left:20px;}
        .text_checkbox{float:left;margin-left:5px;}
        .text_radio{float:left;margin-left:10px;}



/* plain select box */

.plain-select, .num-select  {
    position:relative;
}
.plain-select select {
    line-height:normal;
    height:38px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border-radius:6px;
    display:block;
    width:100%;
    border:1px solid #c8c8c8;
    color:#9f9f9f;
    padding:8px 30px 7px 10px;
    margin:0;
    line-height:normal;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.num-select select {
    line-height:normal;
    height:28px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border-radius:6px;
    display:block;
    width:100%;
    border:1px solid #c8c8c8;
    color:#9f9f9f;
    padding:4px 30px 4px 10px;
    margin:0;
    line-height:normal;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.plain-select:after, .num-select:after{
    content:"";
    position:absolute;
    z-index:2;
    right:8px;
    top:50%;
    margin-top:-3px;
    height:0;
    width:0;
    border-top:6px solid #999;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    pointer-events:none;
}


/* plain select box */

/* 09-05-2018 */

/*.checkbox-fade.fade-in-primary .cr {
    border: 2px solid #1abc9c;

}
.checkbox-fade .cr {
    border-radius: 0;
    border: 2px solid #1abc9c;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 25px;
    margin-right: .5em;
    position: relative;
    width: 25px;
}
.checkbox-fade .icofont-ui-check::before {
    content: "\ed27";
    background-color: #1abc9c;
    color: #fff;
    padding: 4.5px 4.5px;
}*/

/* 09-05-2018 */

/* btn color change */
.btn-info{color: #fff;}
.btn-outline-info{background-color: #fff;color: #5faee3}
/* btn color change */
/* College */
/* Custom Select*/
.hme-select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    background-color: #fff;
}
.hme-select-style:after{
    font-family: 'hiremeeicons' !important;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 2px;
    top: 8px;
    color: #333;
    display: inline-block;
    content: "\e937";
    z-index: 1;
    background-color: #fff;
}

.hme-select-sm:after{
    right: 16px;
}
.hme-select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    color: #333;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    z-index: 500;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.hme-select-style select:focus {
    outline: none;
}

/*Widget Headere*/
.widget-header-title{
    background-color: #2c3e50;
    color: #fff;
    padding: 8px;
}
.hme-job-captian img{
    width: 80px;
    height: 80px;
    margin: 0 auto 10px auto;
}
.hme-job-captian p{
    line-height: 1.2;
    padding: 0;
    margin: 0;
}
.hme-cta-btn-lg{
    font-size: 1.2rem;
    background-color: #1c88d5;
    border-radius: 4px;
    font-weight: 100;
}
/* Filter Wrapper */
.hme-filter-wrapper{
    padding: 8px;
    width: 100%;
    background-color: #fff;
    display: inline-block;
}
.hme-filter-inline-label{
    line-height: 2;
    font-size: 16px;
    color: #bbb;
    margin-left: 5px;
    margin-right: 5px;
}

.hme-filter .input-group{
    height: 40px;
}   
.hme-filter .btn+.dropdown-toggle-split{
    margin-left: -4px;
}
.hme-filter .input-group .transparent-addon{
    background: #fff;
    border-color: #fff;
}
.hme-title{
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.2;
    display: inline-block;
}
.hme-sub-title{
    font-size: 14px;
    font-weight: 400;
    color: #666565;
    line-height: 1.2;
    display: inline-block;
}

.c-info {
    color: #1c88d5;
}
.c-danger {
    color: #f0433a;
}
.m-lr-auto{
    margin-left: auto;
    margin-right: auto;
}
.skill-badge{
    color: #333;
    padding: 6px;
    margin: 2px;
    border: 1px solid #bbb;
    display: inline-block;
}
.hme-btn-40p{height: 40px;}


/* Vikrant New Script */

/* Custom Select*/

.hme-select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    background-color: #fff;
}
.hme-select-style:after{
    font-family: 'hiremeeicons' !important;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 2px;
    top: 8px;
    color: #333;
    display: inline-block;
    content: "\e937";
    z-index: 1;
    background-color: #fff;
}

.hme-select-sm:after{
    right: 16px;
}
.hme-select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    color: #333;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    z-index: 500;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.hme-select-style select:focus {
    outline: none;
}

/*Widget Headere*/
.widget-header-title{
    background-color: #2c3e50;
    color: #fff;
    padding: 8px;
}
.hme-job-captian img{
    width: 80px;
    height: 80px;
    margin: 0 auto 10px auto;
}
.hme-job-captian p{
    line-height: 1.2;
    padding: 0;
    margin: 0;
}
.hme-cta-btn-lg{
    font-size: 1.2rem;
    background-color: #1c88d5;
    border-radius: 4px;
    font-weight: 100;
}
/* Filter Wrapper */
.hme-filter-wrapper{
    padding: 8px;
    width: 100%;
    background-color: #fff;
    display: inline-block;
}
.hme-filter-inline-label{
    line-height: 2;
    font-size: 16px;
    color: #939393;
    margin-left: 5px;
    margin-right: 5px;
}

.hme-filter .input-group{
    height: 40px;
}   
.hme-filter .btn+.dropdown-toggle-split{
    margin-left: -4px;
}
.hme-filter .input-group .transparent-addon{
    background: #fff;
    border-color: #fff;
}
.hme-title{
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    display: block;
}
.hme-sub-title{
    font-size: 14px;
    font-weight: 400;
    color: #666565;
    line-height: 1.3;
    display: block;
}


/* Generic classes*/
.bgm-white{
    background: #fff;
}
.bgm-info{background: #1c88d5}
.m-b-8{margin-bottom: 8px !important;}
.c-dark-gray{color: #5B5B5B;}
.f-16{font-size: 16px !important;}
.f-600{font-weight: 600;}
.tooltip{
    z-index: 999999;
}
.hme-xs-btn{
    font-size: 12px !important;
    padding: 2px 8px !important;
    color:#fff !important;
}
.hme-ass-min-width-btn{
    min-width: 48px;
}
.hme-ass-btn{
    height: 40px;
    min-width: 100px;
    margin: 8px;
}
.hme-btn-icon-round{
    color: #333;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 48px;
    padding: 3px 8px;
    border: 1px solid #bbb;
    margin-right: 4px;
    display: inline-block;
}
.hme-btn-icon-round:hover, .hme-btn-icon-round:focus{
    color: #fff;
    text-decoration: none;
    background-color: #333;
    transition: all 0.3s ease-in-out;
}
.hme-card-hover:hover{
    box-shadow: 0 0 8px #bbb;
    transition: all 0.3s ease-in-out;
}
.input-group-addon-gray{
    background: #2C3E50 !important;
}
.hme-media-dimension img{
    width: 48px !important;
    height: 48px !important;
    border-radius: 50%;
}
.hme-test-icon{
    width: 100%;
    height: 80px;
    display: inline-block;
    color: #fff;
    font-size: 56px;
}
.hme-user-badge{
    width: 100%;
    position: relative;
}
.hme-user-badge .user-image{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: inline-block;
    z-index: 1000 !important;
    border: 4px solid #fff;
    box-shadow: 0 0 16px #bbb;
}
.hme-user-badge .user-image img{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    z-index: 1000 !important;
}
/*.hme-user-badge .hme-id{
    position: absolute;
    top: 8px;
    left: 80px;
    background-color: #679E02;
    color: #fff;
    padding: 8px 16px;
    border-radius: 32px;
    font-size: 18px;
    z-index: 1;
    display: inline-block;
}*/
.hme-can-info{
    position: absolute;
    top: 56px;
    right: 0;
    padding: 0 8px 8px 72px;
}
.hme-can-info strong, .hme-can-info a{
    display: inline-block;
    font-size: 16px;
    line-height: 1.2;
}
.hme-timer{
    font-size: 36px !important;
    text-align: center;
    line-height: 1;
}
.hme-timer .icon{
    font-size: 40px;
}

/* Loader*/
.hme-loader{
    width: 160px;
    padding: 6px;
    height: 36px;
    font-size: 18px;
    display: table;
    margin: 8px auto;
    color: #5B5B5B;
    text-align: center;
    box-shadow: 0 0 8px #bbb;
}
.hme-loader span{
    line-height: 1.5;
    display: inline-block;
    margin-left: 8px;
}
.hme-loader img{
    width: 18px;
    height: 18px;
    display: inline-block;
}

/* Vikrant New Script */

/* gandhi 06-09-2018 */

.hme__media__icon{
    background-color: #d9dcde;
    border-radius: 50%;
    width: 50px;
    line-height: 1.0;
    height: 50px;
    text-align: center;
    padding: 10px;
    display: block;
    font-size: 20px;
    color: #fff !important;
}
.hme__trash__icon{
    text-align: right;
    position: absolute;
    right: 11px;
    top: 22px;
}
.widget-header-title h5{
    padding: 6px 15px;
}

.btn.btn-icon-custom {
    border-radius: 50%;
    width: 45px;
    line-height: 45px;
    height: 45px;
    padding: 3px;
    text-align: center;
}
.btn.btn-icon-custom i{ margin-right: 0px; }

/* gandhi 06-09-2018 */

/* Update CSS */


/* Vikrant New Script */

/* Custom Select*/

.hme-select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    background-color: #fff;
    min-width: 60px;
}
.hme-select-style:after{
    font-family: 'hiremeeicons' !important;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 2px;
    top: 12px;
    color: #333;
    display: inline-block;
    content: "\e937";
    z-index: 1;
    background-color: transparent;
}

.hme-select-sm:after{
    right: 16px;
}
.hme-select-after-bg:after {
    background:#fff;
}
.hme-select-style select {
    padding: 9px 8px;
    margin-bottom:0px;
    width: 88%;
    border: none;
    color: #777;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    z-index: 500;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.hme-select-style select:focus {
    outline: none;
}

/*Widget Headere*/
.widget-header-title{
    background-color: #2c3e50;
    color: #fff;
    padding: 8px;
}
.hme-job-captian img{
    width: 80px;
    height: 80px;
    margin: 0 auto 10px auto;
}
.hme-job-captian p{
    line-height: 1.2;
    padding: 0;
    margin: 0;
}
.hme-cta-btn-lg{
    font-size: 1.2rem;
    background-color: #1c88d5;
    border-radius: 4px;
    font-weight: 100;
}
/* Filter Wrapper */
.hme-filter-wrapper{
    padding: 8px;
    width: 100%;
    background-color: #fff;
    display: inline-block;
}
.hme-filter-inline-label{
    line-height: 2;
    font-size: 16px;
    color: #939393;
    margin-left: 5px;
    margin-right: 5px;
}
.hme-filter{
    background: #fff;
    padding: 8px 0;
    margin: 15px 0;
}
.hme-filter .input-group{
    height: 40px;
    margin-bottom: 0;
}   
.hme-filter .btn+.dropdown-toggle-split{
    margin-left: -4px;
}
.hme-filter .input-group .transparent-addon{
    background: #fff;
    border-color: #fff;
}
.hme-title{
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    display: block;
}
.hme-sub-title{
    font-size: 14px;
    font-weight: 400;
    color: #666565;
    line-height: 1.3;
    display: block;
}


/* Generic classes*/
.bgm-white{
    background: #fff;
}
.bgm-info{background: #1c88d5}
.m-b-8{margin-bottom: 8px !important;}
.c-dark-gray{color: #5B5B5B;}
.f-16{font-size: 16px !important;}
.f-600{font-weight: 600;}
.tooltip{
    z-index: 999999;
}
.hme-xs-btn{
    font-size: 12px !important;
    padding: 2px 8px !important;
    color:#fff !important;
}
.hme-ass-min-width-btn{
    min-width: 40px;
}
.hme-ass-btn{
    height: 40px;
    min-width: 100px;
    margin: 8px;
}
.hme-btn-icon-round{
    color: #333;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 48px;
    padding: 3px 8px;
    border: 1px solid #bbb;
    margin-right: 4px;
    display: inline-block;
    line-height: 37px
}
.hme-btn-icon-round:hover, .hme-btn-icon-round:focus{
    color: #fff;
    text-decoration: none;
    background-color: #333;
    transition: all 0.3s ease-in-out;
}
.hme-card-hover:hover{
    box-shadow: 0 0 8px #bbb;
    transition: all 0.3s ease-in-out;
}
.input-group-addon-gray{
    background: #2C3E50 !important;
}
.hme-media-dimension img{
    width: 48px !important;
    height: 48px !important;
    border-radius: 50%;
}
.hme-test-icon{
    width: 100%;
    height: 80px;
    display: inline-block;
    color: #fff;
    font-size: 56px;
}
.hme-user-badge{
    width: 100%;
    position: relative;
}
.hme-user-badge .user-image{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: inline-block;
    z-index: 1000 !important;
    border: 4px solid #fff;
    box-shadow: 0 0 16px #bbb;
}
.hme-user-badge .user-image img{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    z-index: 1000 !important;
}
.hme-user-badge .hme-id{
    position: absolute;
    top: 8px;
    left: 80px;
    background-color: #679E02;
    color: #fff;
    padding: 6px 12px;
    border-radius: 32px;
    font-size: 18px;
    z-index: 1;
    display: inline-block;
}
/*.hme-can-info{
    position: absolute;
    top: 56px;
    right: 0;
    padding: 0 8px 8px 72px;
}*/
.hme-can-info strong, .hme-can-info a{
    display: inline-block;
    font-size: 16px;
    line-height: 1.2;
}
.hme-timer{
    font-size: 36px !important;
    text-align: center;
    line-height: 1;
}
.hme-timer .icon{
    font-size: 40px;
}

/* Loader*/
.hme-loader{
    width: 160px;
    padding: 6px;
    height: 36px;
    font-size: 18px;
    display: table;
    margin: 8px auto;
    color: #5B5B5B;
    text-align: center;
    box-shadow: 0 0 8px #bbb;
}
.hme-loader span{
    line-height: 1.5;
    display: inline-block;
    margin-left: 8px;
}
.hme-loader img{
    width: 18px;
    height: 18px;
    display: inline-block;
}

/* Vikrant New Script */

.alert-danger{background-color: #ed7669;border:2px solid #b63c2f;padding:5px;line-height: 25px;font-size: 13px;color: #fff;border-radius: 4px}
/* --------- */
.info-bg {
    background-color: #39f;
     color: #fff;
}
.icon-mini {
    border-radius: 50%;
    width: 30px!important;
    line-height: 29px!important;
    height: 30px!important;
    padding: 1px!important;
    text-align: center;

}
.input-group-addon-grey{background-color: #2c3e50!important}
/* --------- */

/* 07-09-2018 */

.delete__btn{background:none !important; border: none !important; padding:0 !important; cursor: pointer;}
.clear__btn{font-size: 14px; margin-left: 20px; border: 1px solid #6bbcf4; color: #6bbcf4; padding:6px 12px; border-radius: 4px;}
.blue__border__box{border-top:4px solid #3498DB; margin-top:15px; padding:15px; background-color: #f6f6f6; min-height: 175px;}
/* 07-09-2018 */
.btn-mini1 {
    padding: 1px 7px;
    line-height: 14px;
}
.btn-info {
    background-color: #3fa8f4;
    border-color: #3fa8f4;
}
/* 07/09/2018 */
.text-primary1{color: #00d49d;}
.note-editable ul {
    margin-bottom: 0;
    list-style: disc;
    padding-left: 20px;
}
.re-captcha{
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.crop__image{
    overflow: hidden !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
}

.file-btn {
  position: relative;
  overflow: hidden;
}
.file-btn  input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}
.info-text{color: #fdec20 !important;}
.b-l-fff{border-left: 1px solid #fff !important;}
.b-b-fff{border-bottom: 1px solid #fff !important;}
.m-h-41{min-height: 41px !important;}

.capitalize {
    text-transform: capitalize !important;
}

/* Vikrant Loader CSS */

/* Content area Loading Mask*/
.hme-dual-ring {
  display: inline-block;
}
.hme-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #a3d444;
  border-color: #a3d444 transparent #a3d444 transparent;
  animation: hme-dual-ring 1.2s linear infinite;
}
@keyframes hme-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.hme-loading-mask, .hme-loading-mail-mask{
   position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.7);
    color: #333;
    font-size: 18px;
}
.hme-loading-mask .hme-loading-container{
    width: 280px;
    min-height: 200px;
    padding: 25% 0;
    text-align: center;
    margin: 0 auto;
}
/* 21/09/2018 */

.hme-card-avatar{
    position: relative;
}
.hme-card-avatar .hme-selected{
    border: 3px solid #679e02;
}
.hme-card-avatar .hme-rejected{
    border: 3px solid #f0433a;
}
.hme-card-avatar .hme-hired{
    border: 3px solid #00D49D;
}
.hme-card-avatar .hme-un-shortlisted{
    border: 3px solid #FFBC00;
}
.hme-card-avatar .hme-invited{
    border: 3px solid #0923FB;
}
/*selected*/
.hme-card-avatar .hme-selected-baggage{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #679e02;
    line-height: 12px;
    padding: 7px 5px;
    position: absolute;
    top: -8px;
    right: 10px;
    font-size: 14px;
    font-weight: 800;
}
.hme-card-avatar .hme-selected-baggage:before{
    font-family: 'hiremeeicons' !important;
    width: 24px;
    height: 24px;
    line-height: 5px;
    content: "\e981";
    color: #fff;
    display: inline-block;
}
/*rejected*/
.hme-card-avatar .hme-rejected-baggage{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f0433a;
    line-height: 12px;
    padding: 9px 5px;
    position: absolute;
    top: -8px;
    right: 10px;
    font-size: 14px;
    font-weight: 800;
}
.hme-card-avatar .hme-rejected-baggage:before{
    font-family: 'hiremeeicons' !important;
    width: 24px;
    height: 24px;
    line-height: 5px;
    content: "\e980";
    color: #fff;
    display: inline-block;
}

/* Hired*/
.hme-card-avatar .hme-hired-baggage{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #00D49D;
    line-height: 12px;
    padding: 9px 5px;
    position: absolute;
    top: -8px;
    right: 10px;
    font-size: 14px;
    font-weight: 800;
}
.hme-card-avatar .hme-hired-baggage:before{
    font-family: 'hiremeeicons' !important;
    width: 24px;
    height: 24px;
    line-height: 5px;
    content: "\e96e";
    color: #fff;
    display: inline-block;
}
/*un-shortlisted*/
.hme-card-avatar .hme-un-shortlisted-baggage{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #FFBC00;
    line-height: 12px;
    padding: 7px 6px;
    position: absolute;
    top: -8px;
    right: 10px;
    font-size: 14px;
    font-weight: 800;
}
.hme-card-avatar .hme-un-shortlisted-baggage:before{
    font-family: 'hiremeeicons' !important;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 5px;
    content: "\e951";
    color: #fff;
    display: inline-block;
}
/*Invited*/
.hme-card-avatar .hme-invited-baggage{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #0923FB;
    line-height: 12px;
    padding: 7px 6px;
    position: absolute;
    top: -8px;
    right: 10px;
    font-size: 14px;
    font-weight: 800;
}
.hme-card-avatar .hme-invited-baggage:before{
    font-family: 'hiremeeicons' !important;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 5px;
    content: "\e95d";
    color: #fff;
    display: inline-block;
}
/* Vikrant Loader CSS */

.modal-open .modal {
    z-index: 1052;
}
.text-wrap{word-wrap: break-word;
    width: 200px;}

    .label1 {
    font-size: 12px;
    padding: 4px 6px;
    margin-top: 4px;
    color: #222222 !important;
    margin: 2px;
    background-color: #fff;
}
.skill_label {
    font-size: 14px;
    padding: 4px 6px;
    margin-top: 4px;
    color: #222222 !important;
    margin: 2px;
}

/* gandhi 17/09/2018 */

.captcha_refresh{
    padding: 8px 12px;
    font-size: 15px;
    line-height: 23px;
}
.bb_eaeaea{
    border-bottom: 1px solid #eaeaea !important;
}

/* 19/09/2018 gandhi */

.email_txt_right{width: 200px; word-wrap: break-word; font-size: 13px; line-height: 13px;}
.location_txt_right{width: 200px; word-wrap: break-word; font-size: 13px; line-height: 13px; float:left;}
.modal-content{border-radius: 0px;}

.b-l-success-5, .b-l-success-4 {
  border-left: 5px solid #00d49d; }

  .b-l-primary-5,   .b-l-primary-4 {
  border-left: 5px solid #659e03; }

  .b-l-danger-5, .b-l-danger-4 {
  border-left: 5px solid #f0433a; }

    .b-l-ccc-5 {
  border-left: 5px solid #ccc; }

.b-l-warning-5 {
  border-left: 5px solid #fb0; }

.t-0{top:0 !important;}

/* Assessment chart */
@media screen and (min-device-width: 1337px) and (max-device-width: 1780px)
 { 
  .chart-wrapper {

    width: 120px;
    height: 120px;
   }

}

/* Assessment chart */

/* search tooltip error css */

.tooltip-validate-search{
    position: absolute !important;
    right: 113px;
    top: 13px;
    font-weight: bold;
    font-size: 41px !important;
    z-index: 999;
}

/* ------------------------------------- */
/* Generic CSS ........... */
/* ------------------------------------- */
.img-48{width: 48px !important;}
.h-48{height: 48px !important;}
.max-w-120{width: 120px;}
.max-w-150{width: 150px;}
/*.mt-8{margin-top: 8px;}*/
.mt-10{margin-top: 10px;}
.pt-8{padding-top: 8px;}
.pt-20{padding-top: 20px;}
.lh-0{line-height: 0 !important;}

/* Component modifiers */
.hme-sm-select{height: 35px;}
.hme-sm-select select{
    padding: 7px 8px;
}
.hme-image-select{
    background-color: rgba(0,0,0, 0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
}
.hme-image-select:hover{
    background-color: rgba(0,0,0, 0.8);
}

.verified-validate {
position: absolute !important;
right: 38px !important;
top: 8px;
font-weight: bold;
font-size: 23px !important;
margin-right: 4px;
}

.edit-profile{
position: absolute !important;
right: 19px !important;
top: 10px;
font-size: 17px !important;
}

.height-auto{height: auto!important;}

.skill-style{font-size: 12px; padding: 5px; background-color: #fff; border: 1px solid #666; margin: 3px;line-height: 30px;width: 100%}


/* Custom CSS 09/09/2018 */

.r-2-min{right: -2px !important;}
.hme-search-style, .hme-search-style1 {
    padding: 0;
    margin: 0;
    border: 2px solid #bababa;
    border-radius: 0;
    overflow: hidden;
    height: 60px;
    background-color: #f7f7f7;
    position: relative;
}
.hme-search-style1 {
    width: 100%;
}

.hme-search-style select {
    padding: 19px 20px;
    width: 100%;
    border: none;
    color: #333;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    z-index: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.hme-search-style::after {
    font-family: 'hiremeeicons' !important;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 2px;
    top: 18px;
    color: #333;
    display: inline-block;
    content: "\e937";
    z-index: 1;
    background-color: transparent;
}
.hme-search-style1 .select2-container--default .select2-search--inline .select2-search__field{
    font-style: italic;
}
.hme-search-style1 .select2-container--default .select2-selection--multiple{
    background-color: transparent;
    border: none !important;
    margin-top: 8px;
    font-size: 16px;
    font-style: italic;
}


/* Accordion */

#accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}
#accordion a {
  display: block;
  padding: 10px 15px;
  border: 1px solid #3fa8f4;
  text-decoration: none;
  color: #333;
  font-weight: 400;
}
#accordion .panel .panel-body{
  border: 1px solid #3fa8f4;
  margin-bottom: 8px;
  padding: 8px;

}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  background-color: #fff;
  color: #333;
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .panel-title{
  text-align: left;
}
#accordion .panel-heading a.collapsed:hover::after,
#accordion .panel-heading a.collapsed:focus::after {
  text-align: left;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
#accordion .panel-heading a:not(.collapsed) {
  color: #333;
  background-color: #fff;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::after {
  font-family: 'hiremeeicons';
  content: "\e94f";
  float: right;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::after {
  font-family: 'hiremeeicons';
  content: "\e958";
  float: right;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}

/* Accordion */


@media screen and (min-device-width: 1200px) and (max-device-width: 1400px) { 
.email_txt_right {width: 120px;}
.location_txt_right {width: 120px;}
.hme-user-badge .hme-id {font-size: 14px;}
}
@media screen and (min-device-width: 1400px) and (max-device-width: 1600px) { 
.email_txt_right {width: 150px;}
.location_txt_right {width: 150px;}
}
@media screen and (min-device-width: 1600px) and (max-device-width: 1800px) { 
.email_txt_right {width: 180px;}
.location_txt_right {width: 180px;}
}
 
/* Custom CSS 09/09/2018 

/* Gandhi 26/09/2018 */
.b-radius-0{border-radius: 0px !important;}
.success-tick{width: 18px; height: 18px; color: #fff; background-color: #02d29e; border-radius: 50%; padding: 3px; line-height: 18px; font-size: 12px; text-align: center;}
.danger-question{color: #f0433c; font-size: 18px; position: relative; margin-left:5px;}
.checkMock::before{top: 5px !important;}
.checkMock::after{top: 5px !important;}
/* Gandhi 26/09/2018 */

/* New Addition 27-09-2018*/
.btn-standard{
    height: 30px;
    padding: 6px 12px;
    border-radius: 30px;
}
.btn.btn-icon{
    line-height: 31px;
}
.btn-h-40{height: 40px !important;}

.text-hidden{width: 250px!important;
white-space: nowrap!important;
overflow: hidden!important;
text-overflow: ellipsis!important;
}

.parent {
  
  display: flex;
   max-width: 60%;
 
}

.child-min-width {
  min-width: 0;
}

.truncate  {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}



  .text-wrap-hide {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }

  .text-wrap-hide-title {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

/* Flexbox hide text */
.flex-parent {
  display: flex;
  align-items: center;
  width: 250px;
  color:#5b5b5b;

}

.content-padding{  padding-top: calc(.5rem - 1px * 2);
padding-bottom: calc(.5rem - 1px * 2);
margin-bottom: 0;}

.long-and-truncated {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.short-and-fixed {
  white-space: nowrap;
 /* > div {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: lightgreen;
    display: inline-block;
  }*/
}

.long-and-truncated-with-child {
  flex: 1;
 /* h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }*/
}

.long-and-truncated-with-child-corrected {
  flex: 1;
  min-width: 0; /* or some value */
 /* h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }*/
}


/* Flexbox hide text */

/* Generic classes*/
.lh-30{line-height: 30px !important;}
.btn-40p{height: 40px !important;}
.c-default{cursor: default;}

/* Custom CSS 09/09/2018 */
.hme-btn-card-xs-pos-top-right{
    position: absolute;
    top: 1px;
    right: -10px;
    width: 380px;
    z-index: 100;
}
.hme-btn-card-xs:hover, .hme-btn-card-xs:focus{
    text-decoration: none;
    color: #000;
}
.hme-btn-card-xs{
    font-size: 20px;
}

textarea{min-height: 120px !important;}

    .bootstrap-tagsinput {
       height: 40px !important;
    }
    .bootstrap-tagsinput input {
       display: none;
    }
/* New Styles : 03-10-2018 */
/* Filter Component*/
.hme--custom-filter-wrapper button{
    margin-left: 8px;
    height: 35px;
}
.hme--custom-filter-wrapper a{
    margin-left: 8px;
    height: 35px;
}
.hme-btn-back{
    border-radius: 50%;
    background-color: #2c3e50;
    color: #fff;
    width: 35px;
    height: 35px;
    padding: 9px;
}
.hme-btn-more{
    border-radius: 50%;
    background-color: #0099ff;
    color: #fff;
    width: 35px;
    height: 35px;
    padding: 9px;
}
.hme-btn-search{
    border-radius: 40px;
    padding: 4px 10px;
    font-size: 12px;
}
.hme--custom-filter-wrapper .hme-filter-actions{
    /*position: absolute;*/
    right: 8px;
}
.hme-filter-label{
    height: 35px;
    max-width: 48px;
    padding: 8px;
    font-size: 24px;
    background-color: #0099ff;
    color: #fff;
    line-height: 20px;
}
.hme-filter-info{
    color: #0099ff;
    font-size: 24px;
    padding: 4px 10px;
    font-weight: 700;
}
.hme--custom-filter .select2-container--default .select2-selection--single{
    height: 35px;
    width: 200px;
    padding-right: 12px;
}
.hme--custom-filter .select2-container--default .select2-selection--multiple{
    height: 35px;
    width: 200px;
    padding-right: 12px;
    min-height: 35px;
    border: 1px solid #eaeaea;
}

.jw-video{display: block !important;}
.popover{max-width: 400px !important;}
.m-w-200{width: 250px;}


/* 10/08/2018 */
.btn-google-plus .hiremee-google::before{color: #fff;}
.ms-choice{min-width: 200px !important; margin-left:0px !important;}
/* 10/08/2018 */

/* 10/09/2018 */
.modal-backdrop {z-index: 1050;}
/* 10/09/2018 */
/* 11/01/2018 */
.douleline-truncate{
  display: block; 
  display: -webkit-box;
  max-width: 400px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
}

/* 12-10-2018 */
.hme-modal-close {

    position: absolute;
    right: -20px;
    z-index: 1;
    top: -20px;

}

#js-candi-email_address-error-custom, #js-candi-password-error-custom, 
#js-name-error-custom, #js-email_address-error-custom, #js-mobile_number-error-custom,
#js-corp-email-forgot-error-custom, #js-university-error-custom, #js-college-error-custom, #js-email-address-error-custom,
#js-contact-number-error-custom, #spoc_name-error-custom, #js-website-address-error-custom, #js-college-password-error-custom,
#address-error-custom, #js-university-error-custom, #js-college-error-custom
{right: 6px!important}
#js-video_title-error-custom{top:47px;}
#js-corp-company_video-error-custom{right: 45px!important}
#profile_video-error-custom{right: 45px!important}

.m-t-3{margin-top: 3px;}
#js-branch_state-error-custom, #js-branch_city-error-custom{top:40px !important;}
#js-branch_address-error-custom{top:60px !important;}

.w-b-all{word-break: break-all!important;}
.w-w-b{word-wrap: break-word!important;}


@media screen and (min-device-width: 1200px) and (max-device-width: 1380px)
 { 
 .hme--custom-filter .select2-container--default .select2-selection--single{
    width: 165px;
}
.hme--custom-filter .select2-container--default .select2-selection--multiple{
    width: 165px;
}
}


#college-changepassword, #confirm_password, #confirm_password-error-custom .tooltip-validate{right: 23px !important;}
#last_date-error-custom{right: 43px !important;}
#job_salary_from-error-custom, #job_salary_to-error-custom{right: 7px !important}
/*#confirm_password-error-custom{right: 7px!important}*/
#confirm_password{right: 0px!important}
.m-w-980{max-width: 980px !important;}
.accordian-grey{border:1px solid #aaa!important;}
.t-grey{color:#777!important;}
.f-14{font-size: 14px!important}
.m-w-740{max-width: 740px !important;}
.m-w-600{max-width: 600px !important;}
.m-w-400{max-width: 430px !important;}
.m-w-440{max-width: 440px !important;}
.h-100{height: 100%!important;}
.l-h-30{line-height: 30px!important}
#job_industrys-error-custom{right: 43px!important}
#js-percentage_edu0-error-custom{right: 45px!important}
#js-cgpa_edu0-error-custom{right: 45px!important;}
#js-certification_year0-error-custom{right: 30px!important}
button[type="submit"]{
    cursor: pointer;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}

/*#js-course_type_edu1-error-custom, #js-university_edu1-error-custom, #js-yearofpassing_edu1-error-custom, .tooltip-validate{right: 35px!important;}*/
.h-33{height: 33px!important}
#js-dob-error-custom{right: 58px!important}
.tooltip-overflow-hide{padding: .5em 4em .5em .5em!important;}
#js-recruiter-limit-form .tooltip-validate {
    position: absolute !important;
    top: 8px;
    font-weight: bold;
    font-size: 24px !important;
    z-index: 999;
    margin-right: -30px!important;
}
.post_close_btn span{
    margin-left: -2px;
    color: #fff;
    font-size: 16px;
    }
.post_close_btn{
    position: absolute;
    line-height: 9px;
    right: 4px;
    z-index: 1;
    border-radius: 50%;
    top: -15px;
    width: 35px;
    height: 35px;
    background-color: #f0433a;

}


.profile_details_icons{
    position: relative;
}
.profile_details_icons .profile-selected-baggage{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #00d49d;
    line-height: 8px;
    padding: 7px 5px;
    position: absolute;
    top: 1px;
    right: 3px;
    font-size: 10px;
    font-weight: 800;
}
.profile_details_icons .profile-selected-baggage:before{
    font-family: 'hiremeeicons' !important;
    width: 10px;
    height: 10px;
    line-height: 5px;
    content: "\e96e";
    color: #fff;
    display: inline-block;
}
/*rejected*/
.profile_details_icons .profile-rejected-baggage{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f0433a;
    line-height: 8px;
    padding: 7px 5px;
    position: absolute;
    top: 1px;
    right: 3px;
    font-size: 8px;
    font-weight: 800;
}
.profile_details_icons .profile-rejected-baggage:before{
    font-family: 'hiremeeicons' !important;
    width: 10px;
    height: 10px;
    line-height: 5px;
    content: "\e951";
    color: #fff;
    display: inline-block;
}

p{word-wrap: break-word!important;}
/*span{word-wrap: break-word!important;}*/
/*label{word-wrap:break-word!important; word-break: break-all!important;}*/
.w-100-p{width: 100%!important}
.jw-icon-fullscreen:before {
    content: "\E608";
    display: none;
}
h3,h4,h5{word-wrap:break-word!important; }

.form-r{padding-right: 65px!important}
.w-w-b{word-wrap:break-word!important; word-break: break-all!important;}
.uploadStudentError1 #js-mobile_number-error-custom{top:8px !important; right: 22px !important;}
.uploadStudentError2 #upload_file-error-custom{right: 45px !important;}
.forgotPassError #email-error-custom{right: 10px !important;}
.collegeRegError1 #confirm_password-error-custom{right: 6px !important;}
.collegeLogError1 #email-error-custom{right: 6px !important;}
.collegeLogError2 #password-error-custom{right: 6px !important;}
.collegeRegError2 #terms_conditions-error-custom{right: 6px !important; top:7px;}
.collegeForgotError #email-error-custom{right: 6px !important; }
.clgFrontError1 #confirm_password-error-custom{right: 6px !important; }
.w-b-inherit{word-break: inherit !important;}

.canRegTermsConError #termscond-error-custom{position: absolute !important; top:0px !important; right: 0px !important;}
.r-8{right: 8px !important;}

.video_img{height: 90px; overflow: hidden;}
.video_img1{height: 135px; overflow: hidden;}
.video_img1 img{object-fit: cover; height: 95px;}
.prof_image{height: 240px; overflow: hidden;}
.prof_image img{height: 240px; object-fit: cover;}
.video_img img{width: 100%;}

.hme-default-messages{
  width: 100%;
  color: #999999;
  text-align: center;
}
.hme-default-messages .hme-msg-icon{
  font-size: 48px;
  margin: 32px 0;
  display: inline-block;
}
.hme-default-messages h4{
  font-size: 20px;
}
.hme-default-messages small{
  font-size: 13px;
}

.position-r{position: relative;}
.position-a{position: absolute;}
.profile-img-id{margin-top: -35px;width: 100%;text-align: center;color:#fff;letter-spacing: 2px;opacity: 0.8}

.lang-btn{position: relative;top: -10px;}
.toggle-btn{margin:-4px -12px !important;}
.b-radius-40{border-radius: 40px !important;}
.assessment-user-img{position: relative; top: -20px;}
.m-t-15{margin-top: 15px!important;}
 .p-b-10{padding-bottom: 10px!important;}



.fixed {
    position:fixed;
    top:80px;
    z-index:1048;
    box-shadow: 0px 1px 6px #939393;
}
.m-chart-report{margin:auto;}
.m-candidate-right{text-align: right;}
.badge {
    white-space: normal !important;
}
.remove-text-link{
    display: inline-block !important;
    padding: 0px !important;
    border: none !important;
    text-decoration: underline !important;
    color: #8fc740 !important;
}
#js-camp-assessmentdate-error-custom{right: 45px}
.h{height: 40px}
.hme-btn-re-search-round:hover, .hme-btn-re-search-round:focus {
    color: #fff;
    text-decoration: none;
    background-color: #659e03;
    transition: all 0.3s ease-in-out;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 48px;
    padding: 3px 8px;
    border: 1px solid #bbb;
}



.recruiter-search-fixed {
  overflow: hidden;
  position: fixed;
  top: 85px;
  width: 87%;
}

.recruiter-search-main{margin-top: 8%;}

.rotate-90{transform: rotate(90deg);}


@media only screen and (min-width: 1364px) {
.main-body .page-wrapper .page-header-breadcrumb {
    padding-right: 5%;
}
.r-search-main{
    margin-top: 8% !important;
    margin-left:8px;
}
 }
@media only screen and (min-width: 1201px) {

.r-search {
  position: fixed;
  top: 80px;
  width: 87%;
  /*z-index: 1;*/
  background: #f7f7f7;
  z-index: 2;
}



.right-sticky{   
    width: 22%;
    position: fixed;
    right: 0;
    margin-left:8px;
}

.right-scroll{
    overflow-y: scroll;
    height: -webkit-fill-available;
    width: 100%;
}
}

.r-search-main {
  margin-top: 130px !important;
}

@media (min-width: 1365px) and (max-width: 1800px) {
.r-search-main {
  margin-top: 130px !important;
}
}
@media (min-width: 320px) and (max-width: 1200px) {
.r-search-main {
  margin-top: 10px !important;
}
.search-button-bottom{
    position: relative !important;
    max-width: 100% !important;
}
}
@media (min-width: 1200px) and (max-width: 1365px) {
.r-search {
  width: 95.5%;
}

.r-search-main {
  padding: 16px 8px;
  margin-top: 9.5% !important;
  z-index: -1;
}
.right-sticky{   
    width: 23%;
    position: fixed;
    right: 0;
}
.search-button-bottom{
    max-width: 21% !important; 
}

.search-button-bottom1{
    max-width: 400px !important; 
    }
}


.search-dropdown{
    right:auto !important;
    left: 50px;
}
.btn-search-link i{
    padding-top:3px !important;
}
.btn-search-link,  .btn-search-link:active{
    border-radius: 50%;
    width: 35px;
    line-height: 30px;
    height: 35px !important;
    padding: 3px;
    text-align: center;
    background-color: #659e03!important;
    color: #fff!important;
    position: relative;
    top:-2px;
}
.btn-search-link:focus, .btn-search-link:hover {
    color: #333333;
    text-decoration: none;
    background-color: transparent;
    box-shadow:none;
}
.right-search .slimScrollDiv{width:100% !important;}

.search-button-bottom{
    position: fixed;
    z-index:1050;
    bottom: 0; 
    width: 100%; 
    max-width: 20.5%; 
    padding:8px; 
    right: 1.5%;
    text-align: center;
    background-color: #eaeaea;
}

.search-button-bottom1{
    position: fixed;
    z-index:1050;
    bottom: 0; 
    width: 100%; 
    max-width: 20.5%; 
    padding:8px; 
    text-align: center;
    background-color: #eaeaea;
}

.m-l-8{margin-left: 8px}

/* HireMee Pro */
.comment p{margin-bottom: 0px;} 

.modal.show .modal-dialog
{

    margin-top: 8% !important;
}
.modal .modal-body
{

   height: auto !important;
}


/* Pro affect CSS Gandhi */
.pro-logo{
  position: relative;
  top: -14px;
  font-size: 30px;
  color: #F37C20;
  right: 17px;
  width: 20px;
}

.hme-pro-upgrade-button {
  background: -ms-linear-gradient(94.97deg, #fff100 0%, #fddc06 18.29%, #f37c20 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF100', endColorstr='#F37C20' ,GradientType=0)";
  background: linear-gradient(-4.97deg, #fff100 0%, #fddc06 18.29%, #f37c20 100%);
  border-style: Solid;
  margin-right: 5px;
  border-color: #C9C9C9;
  border-color: #c9c9c9;
  border-width: 1px;
  border-radius: 19px 20px 20px 20px;
  -moz-border-radius: 19px 20px 20px 20px;
  -webkit-border-radius: 19px 20px 20px 20px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF100",endColorstr="#F37C20" , GradientType=1);
      border-radius: 40px !important;
    padding: 10px 16px;
    font-size: 15px;
    line-height: 23px;
    display:inline-block;
    color:#fff;
}

.hme-pro-upgrade-button:hover {
  color: #ffffff;
  border:1px solid #fff100 !important;
}

.hme-pro-upgrade-button:focus {
  color: #ffffff;
  border-color: #cccc;
}

.pro-icon{
  background: #F37C20;  
  background: -webkit-linear-gradient(to bottom, #eea849, #F37C20);  
  background: linear-gradient(to bottom, #eea849, #F37C20); 
  border-style : Solid;
  margin-right:5px;
  border-color : #C9C9C9;
  border-color : rgba(201, 201, 201, 1);
  border-width : 1px;
  border-radius : 19px 20px 20px 20px;
  -moz-border-radius : 19px 20px 20px 20px;
  -webkit-border-radius : 19px 20px 20px 20px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF100',endColorstr='#F37C20' , GradientType=1);
  position:absolute;
  color: #fff;
  height: 18px;
  line-height: 12px;
  font-size:14px;
  padding: 2px 8px;
  top: 40px;
}
.t-50{top:50px;}

.orange {
    background: #feb645;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #feb645), color-stop(100%, #f1e767));
    background: linear-gradient(to bottom, #feb645 0%, #f1e767 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feb645", endColorstr="#f1e767", GradientType=0 );
    border-radius: 4px;
    text-transform: capitalize;
    border: none;
    color: #666666;
    font-weight: 500;
}

.orange:hover {
    background: #f1e767;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f1e767), color-stop(100%, #feb645));
    background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f1e767", endColorstr="#feb645", GradientType=0 );
}
.orange:focus {
    background: #f1e767 !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f1e767), color-stop(100%, #feb645));
    background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f1e767", endColorstr="#feb645", GradientType=0 );
}


/* Date time Picker customization*/

.dtp-content .btn {
  padding: 10px 24px !important;
  font-weight: 500 !important;
}

.dtp .dtp-buttons .dtp-btn-ok {
  background-color: #8fc740;
  margin: 1px;
  padding: 4px 8px;
  color: #fff;
  border-radius: 0 20px 20px 0;
}

.dtp .dtp-buttons .dtp-btn-ok:hover {
  background-color: #66902a;
}

.dtp .dtp-buttons .dtp-btn-clear {
  background-color: #333333;
  margin: 1px;
  padding: 4px 8px;
  border-radius: 20px 0 0 20px;
  color: #fff;
}

.dtp .dtp-buttons .dtp-btn-clear:hover {
  background-color: black;
  color: white;
}

.dtp .dtp-buttons .dtp-btn-cancel {
  background-color: #bfbfbf;
  margin: 1px;
  border-radius: 0;
  padding: 4px 8px;
  color: white;
}

.dtp .dtp-buttons .dtp-btn-cancel:hover {
  background-color: #737373;
  color: white;
}


.modal .pro-modal-close {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 0;
  background-color: #679e02;
  color: white;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
}

.modal .modal-title {
  width: 100%;
  display: block;
  line-height: 1.2;
  color: #ffffff;
}

.modal .modal-content {
  padding-top: 0;
  border: none;
}

.modal .modal-sub-heading {
  width: 100%;
  padding: 8px 16px;
  border-bottom: 1px solid #bfbfbf;
  background-color: #ebebeb;
}

.modal .modal-header {
  border-left: none;
  padding: 24px 16px;
  height: 56px;
  margin-bottom: 0;
}

.modal .modal-body {
  height: 22rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal .modal-body h3 {
  font-size: 17px;
  color: #595959;
  font-weight: 500;
  text-indent: -23px;
  margin-left: 40px;
}

.modal .modal-body h3 strong {
  font-weight: 600;
  padding-right: 16px;
  margin-left: -24px;
}

.modal .modal-body .answer-warpper {
  margin-top: 20px;
  margin-left: 40px;
}

.modal .modal-footer {
  border-top: 1px solid #bfbfbf;
  background-color: #f2f2f2;
  padding: 8px;
}

.modal .modal-footer button {
  border-radius: 4px;
  min-width: 48px;
  padding-left: 16px;
  padding-right: 16px;
}

.modal .modal-footer button.btn-secondary {
  background: #cccccc;
  border: none;
}
.pro-green-modal {
  background: #426002;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #426002), color-stop(100%, #679e02));
  background: linear-gradient(to bottom, #426002 0%, #679e02 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#426002", endColorstr="#679e02", GradientType=0 );
}

.switch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
  z-index: 10;
  margin-top: -11px;
}

.switch:not(:last-child) {
  margin-bottom: 1em;
}

.switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.switch label {
  font-size: 18px;
  font-weight: 300;
  color: #00285e;
  padding-left: 60px;
  padding-top: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.switch .checked {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 16px;
  border-radius: 50px;
  background-color: #b3b3b3;
  transition: background 200ms ease;
}

.switch .checked:after {
  content: "";
  position: absolute;
  top: 44%;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #d9d9d9;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
  -webkit-transform: translate(-5px, -50%);
  transform: translate(-5px, -50%);
  transition: -webkit-transform 200ms cubic-bezier(0.65, 0.38, 0.29, 1.19);
  transition: transform 200ms cubic-bezier(0.65, 0.38, 0.29, 1.19);
  transition: transform 200ms cubic-bezier(0.65, 0.38, 0.29, 1.19), -webkit-transform 200ms cubic-bezier(0.65, 0.38, 0.29, 1.19);
}

.switch input:checked ~ .checked {
  background-color: #8fc740;
}

.switch input:checked ~ .checked:after {
  background-color: #f2f2f2;
  -webkit-transform: translate(23px, -50%);
  transform: translate(23px, -50%);
}
.pro-card.success {

    border-left: 4px solid #8fc740;

}

.c-p-n-a {cursor: not-allowed;}
.z-1{z-index: 1;}
.h-full-percentage{
    height: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.o-visible{overflow: visible !important;}

@media screen and (max-height: 800px) {
   .report-modal-content{
       height:350px !important;
   }
}

.white-info {
    border: 1px solid #ffffff;
    padding: 4px;
    color: #ffffff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: block;
}

.total-search-candidate{
    position: relative;
    background: #212121;
    border-radius: 4px; 
    min-width: 65px; 
    height: 27px;
    justify-content:center;
    display:flex;
    align-items:center;
    color:#fff !important;
    padding: 0px 10px;
}
.total-search-candidate span{color:#fff !important; font-size: 14px !important; margin-top:0px !important;}
.total-search-candidate:before{
    content: "";
    position: absolute;
    top: 8px;
    left:-12px;
    z-index: 1;
    border: solid 6px transparent;
    border-right-color: #212121;
}
/*.amcharts-category-axis .amcharts-axis-label:nth-child(1) tspan {
  font-weight: bold;
  font-size:22px;
  width:100px;
}*/



.amcharts-chart-div > a {
    display: none !important;
}
#js-university-error{right: 6px;position: relative;top: -9px;}


/* Bootstrap Overrite */
#accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}
#accordion a {
  display: block;
  padding: 10px 15px;
  border: 1px solid #3fa8f4;
  text-decoration: none;
  color: #333;
  font-weight: 400;
}
#accordion .panel .panel-body{
  border: 1px solid #3fa8f4;
  margin-bottom: 8px;
  padding: 8px;

}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  background-color: #fff;
  color: #333;
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .panel-title{
  text-align: left;
}
#accordion .panel-heading a.collapsed:hover::after,
#accordion .panel-heading a.collapsed:focus::after {
  text-align: left;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
#accordion .panel-heading a:not(.collapsed) {
  color: #333;
  background-color: #fff;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::after {
  font-family: 'Linearicons-Free';
  content: "\e882";
  float: right;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::after {
  font-family: 'Linearicons-Free';
  content: "\e881";
  float: right;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}

.module-list-box{width:140px !important;height:140px !important;}

.module-assessment-list{
    background:#343434; padding:2px 15px 2px 10px; clip-path: polygon(0% 0%, 89% 0, 100% 50%, 89% 100%, 0% 100%); color:white; display: inline-block; margin-top: 20px; 
    margin-bottom: 10px;
}


/*Table Blue Gradient*/

.bgn-gradient-blue {
  color: white;
  font-weight: 500;
  background: -ms-linear-gradient(90deg, #0094d9 0%, #0b004a 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0094D9', endColorstr='#0B004A' ,GradientType=0)";
  background: linear-gradient(0deg, #0094d9 0%, #0b004a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0B004A",endColorstr="#0094D9" , GradientType=0);
}

@media only screen and (min-width: 200px) and (max-width: 768px) { 

    .gold-education .skill-progress .progress-label {
  font-size: 14px !important;
  width: 100px !important;
  margin-right: 12px !important;
}
.gold-education .progress-linear {
    border-radius: 20px !important;
    width: 140px !important;
    margin: 6px 0px !important;
}
    .gold-education .progress-linear .title-text-red{
	right:-54px !important;
	}
    .gold-digital-profile{
        width:100% !important;
    }
    .mobileview-graph{
        flex-direction:column !important;
        justify-content:center !important;
        margin:10px;
    }
    .mobileview-graph .graph{
        width: 100% !important;
        display:flex;
        justify-content:center;
        margin-bottom:20px;
    }
    #chart_div{width:320px !important; max-width:768px !important;}
    .profile-info {padding-right:0px !important;}
    .key-info{margin:10px 15px 10px 30px !important; padding-bottom:20px !important;}
    .gold-digital-profile .back-link {display:none !important;}

    .mobile-res-img{width:200px !important; height:200px !important; display:flex; margin:0 auto; border-radius:50%;}
    .mob-pdf-down-remove{display:none;}

}

.report-content{
    background: #f2f2f2;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 0 -1px 1px #a5a5a5;
    float: left;
    margin: 15px 0;
    min-height: 500px;
    padding: 20px;
    width: 100%;
}
.report-content h2 {
    color: #333333;
    font-size: 18px;
    margin-bottom:12px;
}

.candidate-info {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e7dddd;
    min-height: 100px;
    padding: 20px;
    width: 100%;
}
@media only screen and (max-width: 1200px){
.candidate-one {
    width: 72%;
}
.candidate-one {
    float: left;
    width: 80%;
}
}
.candidate-exp {
    border-bottom: 1px dashed #dde0e6;
    float: left;
    margin: 0;
    padding: 12px 0px;
    width: 100%;
}
.candidate-heading {
    width: 43%;
    float: left;
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 0 0px;
}
.candidate-value {
    width: 55%;
    float: right;
    font-size: 15px;
    font-weight: 300;
    margin: 0 0 0 0px;
}

.score-tbl {
    border: 1px solid #dddddd;
    border-radius: 8px;
    float: left;
    margin: 0;
    text-align: center;
    width: 100%;
}
table, th, td {
    vertical-align: middle;
    font-size: 13px;
   /* padding: 0.75rem 0.25rem !important;*/
}
table {
    border-collapse: separate;
    border-spacing: 0;
    outline: none;
}
.lft-radius.width-sr {
    width: 88px;
}
.score-tbl .lft-radius {
    border-radius: 8px 0 0 0px;
}
.score-tbl th {
    background: #ecf6fc;
    color: #084778;
    font-size: 15px;
}
.score-tbl th, td {
    padding: 10px;
}
table, th, td {
    vertical-align: middle;
}
.width-sr2 {
    text-align: left;
}
.rgt-radius.width-sr3 {
    width: 135px;
}
.score-tbl .rgt-radius {
    border-radius: 0px 8px 0px 0px;
}
.score-tbl th {
    background: #ecf6fc;
    color: #084778;
    font-size: 15px;
}
.score-tbl th, td {
    padding: 10px;
}
table, th, td {vertical-align: middle;}
.tbl-border table, 
.tbl-border th, 
.tbl-border td {border: 1px solid #ddd !important;}
.bottom-br-none {
    border: medium none !important;
}

.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 33%;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ff9f00;
}

.circular-chart.green .circle {
  stroke: #4CC790;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}

.table-white-space tr td, .table-white-space tr th{white-space: inherit !important;}
.bg-e0e0e0{background:#e0e0e0;}
.subquestions_tooltip_error .js-tootletip{top:0px; right:40px;}
.w-220{width:220px}
.w-full{width:100% !important}
#accordion .c-link-txt a:not(.collapsed){color:#333 !important}
.question-tbl tr td{font-size:14px; font-weight:bold; padding:10px 0px;}
.question-tbl tr td p{font-size:14px; font-weight:300}

 .plus_minus_badge{width:25px; height: 25px; border-radius: 50%; padding: 2px 7px !important; position: relative;top:5px;}
.cke_maximized{z-index:10000 !important;}
.cke_dialog_body{max-width:600px !important;}
.cke_dialog_ui_vbox_child img {max-width:100% !important;}
.m-h-380{max-height:480px; overflow:auto}
.comment-content{width: 80% !important;    word-break: break-word !important;}
.comment-content img{max-width: 80% !important;  }
.datepicker-error .tooltip-validate{right: 50px!important; }
.select-error .tooltip-validate{right: 35px!important; }
.problem-error .tooltip-validate{right: 35px!important;top: auto !important; }
.tbl-truncate-break {table-layout: fixed;word-break: break-word !important; }
.tbl-truncate-break th,
.tbl-truncate-break td {white-space: normal;} 
 .min-h-100{min-height: 100px !important;max-height: 450px !important;overflow-y: scroll !important;}
 .min-h-200{min-height: 200px !important;max-height: 450px !important;overflow-y: scroll !important;}
 .w-95{width:95%;}
 .srl-auto{overflow:auto !important;}
 .m-40{margin: 40px !important;}
 .reason-content{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400 !important;
    font-size: 16px;
    color: #2b3d51 !important;}
.tracks-wrapper .tracks-tab:nth-child(odd) {
  background: #404040;
}

.tracks-wrapper .tracks-tab:nth-child(even) {
  background: #AB760A;
} 
.hme-gold-cta-button-main{
    cursor:pointer;
}
    @media only screen and (max-width: 768px){
.candidate-envelope {
    display: inline-block !important;
   margin: -45px -35px !important;
}
.candidate-contact-infos {
    display: inline-block !important;
    margin: -25px -5px  !important;
  
}
}
@media only screen and (min-width: 769px)and (max-width: 992px){
.candidate-envelope {
    display: inline-block !important;
    margin: -68px -26px !important;
}
.candidate-contact-infos {
    display: inline-block !important;
    margin: -50px  5px  !important;
  
}

}
.progress-milestone li{width:10%;font-size: 10px; padding:0; margin:0; float: left;}    
    .progress-milestone {margin:0; padding:0; line-height: 10px; list-style:none; text-align: right;}
@media   (max-width: 1200px){
    .search-button-bottom1{
        max-width: 29.5%;
    }
}
 .min-h-400{min-height: 200px !important;max-height: 397px !important;overflow-y: scroll !important;}
.user-modal-body{
        width: 300px!important;
         
}
.user-modal{
    top: 289px !important;
    left: 176px !important;
}
.user-modal-body-input{
     margin: 0px 1px;
}
.user-modal-body-input:focus {
    outline: none !important;
}
.modal-w-480{
    width: 480px;
    top: 31px;
} 
.code-simulation h2 {
    color: #333333;
    font-size: 18px;
    margin-bottom: 12px;
}
.inactive-heading{
    font-size: 16px;
    color: #e34041;
    margin: 0 4px;
}
.w-auto{width: auto !important;}
.r-58{right: -58px!important;}
.mandatory-right {right: -72px !important;}
 .input-group-addon-w {
    width: 11% !important;
}
.mandatory-right {right: -11px !important;}

.main-content-event{
    margin-top: 82px;
}

/** DropDown in candidate Assessment Booking **/
.adjust-arrows:after {
right: 20px !important;
top: 10px !important;    
}
@media only screen and (max-width: 768px) {
.adjust-arrows:after {
display: none; 
}
}

/** Lalichen Joseph **/
.custom-accordion {
    background-color: #dcf8d6;
    color: #292b2c;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 22px;
      font-weight: 600;
    transition: 0.4s;
    line-height: 1.5em;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 600;
    font-style: normal;
    padding: 15px;
    margin-top: -10px;
    height: 85px;
   }

button.custom-accordion:focus
{
    outline: none;
}

button.custom-accordion.active,
button.custom-accordion:hover {
    background-color: #fff;
}

/*button.custom-accordion:after {
    content: '\002B';
    color: #000;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}*/
.search-clear-buttons { /* PRO EX*/
    padding-top: 28px;
}

.custom-accordion p:after {
    content: '\002B';
    color: #000;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 24px;
    margin-right: 10px;
    margin-top: 1px;
}
.custom-accordion.active p:after {
    content: "\2212";
}
/* minus button */
button.custom-accordion.active:after {
    content: "\2212";
}

div.course-panel {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
      width: 96%;
      font-family: "Raleway";
    font-size: 15px;
    line-height: 1.6em;
    letter-spacing: .4px;
    font-weight: 400;
    font-style: normal;
    color: rgba(0,0,0,.88);
    width: 100%;
    margin-bottom: 15px;
    
}
.accord-switch
{
    float: right;
    top: -20px;
    left: -40px;
}
.custom-accordion p 
{
margin: 0;
font-size: 17px;
top: 10px;
position: relative;
}

.pro-color-tab-list-container .pro-color-tab-left-border1 {
  border-left: 7px solid #36b21e;
}

.pro-color-tab-list-container .pro-color-tab-left-border2 {
  border-left: 7px solid #e5ad22;
}

.pro-color-tab-list-container .pro-color-tab-left-border3 {
  border-left: 7px solid #e34041;
}

.pro-color-tab-list-container .pro-color-tab-list {
  background: #ededed;
  padding: 10px;
  margin-bottom: 10px;
}

.pro-color-tab-list-container .pro-color-tab-list .tab-left-icon {
  width: 50px;
  font-size: 18px;
  text-align: center;
}

.pro-color-tab-list-container .pro-color-tab-list .tab-right-content .tab-button-contaner {
  margin-top: 12px;
  margin-bottom: 5px;
}

.pro-color-tab-list-container .pro-color-tab-list .tab-right-content .tab-button-contaner .btn-icon-hmepro {
  border-radius: 50%;
  width: 30px;
  line-height: 25px;
  height: 30px;
  padding: 3px;
  text-align: center;
  background: #424242 !important;
}
.card-body{
    background-color: #01389117;
}
.card-body-header{
    font-family: "Roboto", sans-serif;
}
.edit-page{
    display: flex; 
    justify-content: space-between;
}
.edit-button{
    background-color: #8fc740;
    color: #fff;
    padding: 12px 15px;
    border-radius: 5px;
    position: relative;
    top: 10px;
}
.edit-page{
    display: flex; 
    justify-content: space-between;
}
.edit-button{
    background-color: #8fc740;
    color: #fff;
    padding: 12px 15px;
    border-radius: 5px;
    position: relative;
    top: 10px;
}
/** Lalichen Joseph **/

/*round zero plus*/
.series-card{
    cursor: pointer;
    border-radius: 4px;
    box-shadow: none;
    border-top: none;
    border-left: 5px solid #8fc740;
    color: #131313;
  }
.series-card:hover{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    transform: translate(0px, -8px);
    transition: all 0.3s ease-in-out;
    color: #131313;
}
.series-view-assessment-card .label-info{
    background-color: #149b39 !important;
}
.series-view-assessment-card{
    border-radius: 4px;
}
.series-view-assessment-card:hover{
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    transform: translate(0px, -8px);
    transition: all 0.3s ease-in-out;
}
.series-view-assessment-card .label-danger{
    background-color: #ffffff;
    border: 1px solid #f0433a;
}
/*round zero plus end*/

#js-embed_code-error-custom{
    position: absolute;
    top: 5px;
    right: 15px;
    font-weight: bold;
    font-size: 24px
}

#js-social_media_type-error
{
    padding-left: 89%;
    position: absolute;
    top: 60px;
    font-weight: bold;
    font-size: 24px

}
#js-social_media_link-error{
    padding-left: 89%;
    position: absolute;
    top: 40px;
    font-weight: bold;
    font-size: 24px
}